html {
font: 300 16px/22px "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #444;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
html *, html :after, html :before {
box-sizing: inherit
}
body {
margin: 0
}
a {
background: 0 0
}
a:active, a:hover {
outline: 0
}
.uk-link, a {
color: #00a3cb;
text-decoration: none;
cursor: pointer
}
.uk-link:hover, a:hover {
color: #0084a6;
text-decoration: underline
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: 700
}
:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #D05;
white-space: nowrap;
padding: 0 4px;
border: 1px solid #ddd;
border-radius: 3px;
background: #fafafa
}
em {
color: #000
}
ins {
background: #ffa;
color: #444;
text-decoration: none
}
mark {
background: #fef6b0;
color: #444
}
q {
font-style: italic
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle
}
audio, canvas, img, svg, video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
.uk-img-preserve, .uk-img-preserve audio, .uk-img-preserve canvas, .uk-img-preserve img, .uk-img-preserve svg, .uk-img-preserve video {
max-width: none
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
blockquote, figure {
margin: 0
}
address, blockquote, dl, fieldset, figure, ol, p, pre, ul {
margin: 0 0 15px 0
}
* + address, * + blockquote, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
margin-top: 15px
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-weight: 300;
color: #3b4b58;
text-transform: none
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
margin-top: 15px
}
.uk-h1, h1 {
font-size: 36px;
line-height: 42px;
color: #3b4b58;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 300
}
.uk-h2, h2 {
font-size: 30px;
line-height: 36px;
color: #3b4b58;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 300
}
.uk-h3, h3 {
font-size: 20px;
line-height: 26px;
color: #3b4b58;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800
}
.uk-h4, h4 {
font-size: 18px;
line-height: 24px;
color: #495d6d;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800
}
.uk-h5, h5 {
font-size: 20px;
line-height: 26px;
color: #495d6d;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 500
}
.uk-h6, h6 {
font-size: 14px;
line-height: 20px;
color: #637582;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800
}
ol, ul {
padding-left: 30px
}
ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
margin: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid #ddd
}
address {
font-style: normal
}
blockquote {
padding-left: 15px;
border-left: 5px solid #ddd;
font-size: 16px;
line-height: 22px;
font-style: italic
}
pre {
padding: 10px;
background: #fafafa;
font: 12px/18px Consolas, monospace, serif;
color: #444;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
border: 1px solid #ddd;
border-radius: 3px
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none
}
::selection {
background: #39f;
color: #fff;
text-shadow: none
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
display: block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none
}
[hidden], template {
display: none
}
iframe {
border: 0
}
@media screen and (max-width:400px) {
@-ms-viewport {
width: device-width
}
}
b, strong {
font-weight: 600
}
mark {
padding-left: 2px;
padding-right: 2px
}
.uk-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid:after, .uk-grid:before {
content: "";
display: block;
overflow: hidden
}
.uk-grid:after {
clear: both
}
.uk-grid > * {
-ms-flex: none;
flex: none;
margin: 0;
float: left
}
.uk-grid > * > :last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -15px
}
.uk-grid > * {
padding-left: 15px
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
margin-top: 15px
}
@media (min-width:1220px) {
.uk-grid {
margin-left: -15px
}
.uk-grid > * {
padding-left: 15px
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
margin-top: 15px
}
}
.uk-grid-collapse {
margin-left: 0
}
.uk-grid-collapse > * {
padding-left: 0
}
.uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > * > .uk-panel + .uk-panel, .uk-grid-collapse > .uk-grid-margin {
margin-top: 0
}
.uk-grid-small {
margin-left: -10px
}
.uk-grid-small > * {
padding-left: 10px
}
.uk-grid-small + .uk-grid-small, .uk-grid-small > * > .uk-panel + .uk-panel, .uk-grid-small > .uk-grid-margin {
margin-top: 10px
}
.uk-grid-medium {
margin-left: -15px
}
.uk-grid-medium > * {
padding-left: 15px
}
.uk-grid-medium + .uk-grid-medium, .uk-grid-medium > * > .uk-panel + .uk-panel, .uk-grid-medium > .uk-grid-margin {
margin-top: 15px
}
@media (min-width:960px) {
.uk-grid-large {
margin-left: -15px
}
.uk-grid-large > * {
padding-left: 15px
}
.uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel {
margin-top: 15px
}
}
@media (min-width:1220px) {
.uk-grid-large {
margin-left: -50px
}
.uk-grid-large > * {
padding-left: 50px
}
.uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel {
margin-top: 50px
}
}
.uk-grid-divider:not(:empty) {
margin-left: -15px;
margin-right: -15px
}
.uk-grid-divider > * {
padding-left: 15px;
padding-right: 15px
}
.uk-grid-divider > [class*=uk-width-7-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-8-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-9-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*=uk-width-2-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-3-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-4-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-5-]:nth-child(n+2), .uk-grid-divider > [class*=uk-width-6-]:nth-child(n+2) {
border-left: 1px solid #ddd
}
@media (min-width:768px) {
.uk-grid-divider > [class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #ddd
}
}
@media (min-width:960px) {
.uk-grid-divider > [class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #ddd
}
}
@media (min-width:1220px) {
.uk-grid-divider:not(:empty) {
margin-left: -15px;
margin-right: -15px
}
.uk-grid-divider > * {
padding-left: 15px;
padding-right: 15px
}
.uk-grid-divider:empty {
margin-top: 15px;
margin-bottom: 15px
}
}
.uk-grid-divider:empty {
margin-top: 15px;
margin-bottom: 15px;
border-top: 1px solid #ddd
}
.uk-grid-match > * {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-grid-match > * > * {
-ms-flex: none;
flex: none;
box-sizing: border-box;
width: 100%
}
[class*=uk-grid-width] > * {
box-sizing: border-box;
width: 100%
}
.uk-grid-width-1-2 > * {
width: 50%
}
.uk-grid-width-1-3 > * {
width: 33.333%
}
.uk-grid-width-1-4 > * {
width: 25%
}
.uk-grid-width-1-5 > * {
width: 20%
}
.uk-grid-width-1-6 > * {
width: 16.666%
}
.uk-grid-width-1-10 > * {
width: 10%
}
.uk-grid-width-auto > * {
width: auto
}
@media (min-width:480px) {
.uk-grid-width-small-1-1 > * {
width: 100%
}
.uk-grid-width-small-1-2 > * {
width: 50%
}
.uk-grid-width-small-1-3 > * {
width: 33.333%
}
.uk-grid-width-small-1-4 > * {
width: 25%
}
.uk-grid-width-small-1-5 > * {
width: 20%
}
.uk-grid-width-small-1-6 > * {
width: 16.666%
}
.uk-grid-width-small-1-10 > * {
width: 10%
}
}
@media (min-width:768px) {
.uk-grid-width-medium-1-1 > * {
width: 100%
}
.uk-grid-width-medium-1-2 > * {
width: 50%
}
.uk-grid-width-medium-1-3 > * {
width: 33.333%
}
.uk-grid-width-medium-1-4 > * {
width: 25%
}
.uk-grid-width-medium-1-5 > * {
width: 20%
}
.uk-grid-width-medium-1-6 > * {
width: 16.666%
}
.uk-grid-width-medium-1-10 > * {
width: 10%
}
}
@media (min-width:960px) {
.uk-grid-width-large-1-1 > * {
width: 100%
}
.uk-grid-width-large-1-2 > * {
width: 50%
}
.uk-grid-width-large-1-3 > * {
width: 33.333%
}
.uk-grid-width-large-1-4 > * {
width: 25%
}
.uk-grid-width-large-1-5 > * {
width: 20%
}
.uk-grid-width-large-1-6 > * {
width: 16.666%
}
.uk-grid-width-large-1-10 > * {
width: 10%
}
}
@media (min-width:1220px) {
.uk-grid-width-xlarge-1-1 > * {
width: 100%
}
.uk-grid-width-xlarge-1-2 > * {
width: 50%
}
.uk-grid-width-xlarge-1-3 > * {
width: 33.333%
}
.uk-grid-width-xlarge-1-4 > * {
width: 25%
}
.uk-grid-width-xlarge-1-5 > * {
width: 20%
}
.uk-grid-width-xlarge-1-6 > * {
width: 16.666%
}
.uk-grid-width-xlarge-1-10 > * {
width: 10%
}
}
[class*=uk-width] {
box-sizing: border-box;
width: 100%
}
.uk-width-1-1 {
width: 100%
}
.uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 {
width: 50%
}
.uk-width-1-3, .uk-width-2-6 {
width: 33.333%
}
.uk-width-2-3, .uk-width-4-6 {
width: 66.666%
}
.uk-width-1-4 {
width: 25%
}
.uk-width-3-4 {
width: 75%
}
.uk-width-1-5, .uk-width-2-10 {
width: 20%
}
.uk-width-2-5, .uk-width-4-10 {
width: 40%
}
.uk-width-3-5, .uk-width-6-10 {
width: 60%
}
.uk-width-4-5, .uk-width-8-10 {
width: 80%
}
.uk-width-1-6 {
width: 16.666%
}
.uk-width-5-6 {
width: 83.333%
}
.uk-width-1-10 {
width: 10%
}
.uk-width-3-10 {
width: 30%
}
.uk-width-7-10 {
width: 70%
}
.uk-width-9-10 {
width: 90%
}
@media (min-width:480px) {
.uk-width-small-1-1 {
width: 100%
}
.uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 {
width: 50%
}
.uk-width-small-1-3, .uk-width-small-2-6 {
width: 33.333%
}
.uk-width-small-2-3, .uk-width-small-4-6 {
width: 66.666%
}
.uk-width-small-1-4 {
width: 25%
}
.uk-width-small-3-4 {
width: 75%
}
.uk-width-small-1-5, .uk-width-small-2-10 {
width: 20%
}
.uk-width-small-2-5, .uk-width-small-4-10 {
width: 40%
}
.uk-width-small-3-5, .uk-width-small-6-10 {
width: 60%
}
.uk-width-small-4-5, .uk-width-small-8-10 {
width: 80%
}
.uk-width-small-1-6 {
width: 16.666%
}
.uk-width-small-5-6 {
width: 83.333%
}
.uk-width-small-1-10 {
width: 10%
}
.uk-width-small-3-10 {
width: 30%
}
.uk-width-small-7-10 {
width: 70%
}
.uk-width-small-9-10 {
width: 90%
}
}
@media (min-width:768px) {
.uk-width-medium-1-1 {
width: 100%
}
.uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 {
width: 50%
}
.uk-width-medium-1-3, .uk-width-medium-2-6 {
width: 33.333%
}
.uk-width-medium-2-3, .uk-width-medium-4-6 {
width: 66.666%
}
.uk-width-medium-1-4 {
width: 25%
}
.uk-width-medium-3-4 {
width: 75%
}
.uk-width-medium-1-5, .uk-width-medium-2-10 {
width: 20%
}
.uk-width-medium-2-5, .uk-width-medium-4-10 {
width: 40%
}
.uk-width-medium-3-5, .uk-width-medium-6-10 {
width: 60%
}
.uk-width-medium-4-5, .uk-width-medium-8-10 {
width: 80%
}
.uk-width-medium-1-6 {
width: 16.666%
}
.uk-width-medium-5-6 {
width: 83.333%
}
.uk-width-medium-1-10 {
width: 10%
}
.uk-width-medium-3-10 {
width: 30%
}
.uk-width-medium-7-10 {
width: 70%
}
.uk-width-medium-9-10 {
width: 90%
}
}
@media (min-width:960px) {
.uk-width-large-1-1 {
width: 100%
}
.uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 {
width: 50%
}
.uk-width-large-1-3, .uk-width-large-2-6 {
width: 33.333%
}
.uk-width-large-2-3, .uk-width-large-4-6 {
width: 66.666%
}
.uk-width-large-1-4 {
width: 25%
}
.uk-width-large-3-4 {
width: 75%
}
.uk-width-large-1-5, .uk-width-large-2-10 {
width: 20%
}
.uk-width-large-2-5, .uk-width-large-4-10 {
width: 40%
}
.uk-width-large-3-5, .uk-width-large-6-10 {
width: 60%
}
.uk-width-large-4-5, .uk-width-large-8-10 {
width: 80%
}
.uk-width-large-1-6 {
width: 16.666%
}
.uk-width-large-5-6 {
width: 83.333%
}
.uk-width-large-1-10 {
width: 10%
}
.uk-width-large-3-10 {
width: 30%
}
.uk-width-large-7-10 {
width: 70%
}
.uk-width-large-9-10 {
width: 90%
}
}
@media (min-width:1220px) {
.uk-width-xlarge-1-1 {
width: 100%
}
.uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 {
width: 50%
}
.uk-width-xlarge-1-3, .uk-width-xlarge-2-6 {
width: 33.333%
}
.uk-width-xlarge-2-3, .uk-width-xlarge-4-6 {
width: 66.666%
}
.uk-width-xlarge-1-4 {
width: 25%
}
.uk-width-xlarge-3-4 {
width: 75%
}
.uk-width-xlarge-1-5, .uk-width-xlarge-2-10 {
width: 20%
}
.uk-width-xlarge-2-5, .uk-width-xlarge-4-10 {
width: 40%
}
.uk-width-xlarge-3-5, .uk-width-xlarge-6-10 {
width: 60%
}
.uk-width-xlarge-4-5, .uk-width-xlarge-8-10 {
width: 80%
}
.uk-width-xlarge-1-6 {
width: 16.666%
}
.uk-width-xlarge-5-6 {
width: 83.333%
}
.uk-width-xlarge-1-10 {
width: 10%
}
.uk-width-xlarge-3-10 {
width: 30%
}
.uk-width-xlarge-7-10 {
width: 70%
}
.uk-width-xlarge-9-10 {
width: 90%
}
}
@media (min-width:768px) {
[class*=uk-push-], [class*=uk-pull-] {
position: relative
}
.uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 {
left: 50%
}
.uk-push-1-3, .uk-push-2-6 {
left: 33.333%
}
.uk-push-2-3, .uk-push-4-6 {
left: 66.666%
}
.uk-push-1-4 {
left: 25%
}
.uk-push-3-4 {
left: 75%
}
.uk-push-1-5, .uk-push-2-10 {
left: 20%
}
.uk-push-2-5, .uk-push-4-10 {
left: 40%
}
.uk-push-3-5, .uk-push-6-10 {
left: 60%
}
.uk-push-4-5, .uk-push-8-10 {
left: 80%
}
.uk-push-1-6 {
left: 16.666%
}
.uk-push-5-6 {
left: 83.333%
}
.uk-push-1-10 {
left: 10%
}
.uk-push-3-10 {
left: 30%
}
.uk-push-7-10 {
left: 70%
}
.uk-push-9-10 {
left: 90%
}
.uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 {
left: -50%
}
.uk-pull-1-3, .uk-pull-2-6 {
left: -33.333%
}
.uk-pull-2-3, .uk-pull-4-6 {
left: -66.666%
}
.uk-pull-1-4 {
left: -25%
}
.uk-pull-3-4 {
left: -75%
}
.uk-pull-1-5, .uk-pull-2-10 {
left: -20%
}
.uk-pull-2-5, .uk-pull-4-10 {
left: -40%
}
.uk-pull-3-5, .uk-pull-6-10 {
left: -60%
}
.uk-pull-4-5, .uk-pull-8-10 {
left: -80%
}
.uk-pull-1-6 {
left: -16.666%
}
.uk-pull-5-6 {
left: -83.333%
}
.uk-pull-1-10 {
left: -10%
}
.uk-pull-3-10 {
left: -30%
}
.uk-pull-7-10 {
left: -70%
}
.uk-pull-9-10 {
left: -90%
}
}
.uk-grid-width-1-12 > * {
width: 8.333%
}
@media (min-width:480px) {
.uk-grid-width-small-1-12 > * {
width: 8.333%
}
}
@media (min-width:768px) {
.uk-grid-width-medium-1-12 > * {
width: 8.333%
}
}
@media (min-width:960px) {
.uk-grid-width-large-1-12 > * {
width: 8.333%
}
}
@media (min-width:1220px) {
.uk-grid-width-xlarge-1-12 > * {
width: 8.333%
}
}
.uk-width-1-12 {
width: 8.333%
}
.uk-width-2-12 {
width: 16.666%
}
.uk-width-3-12 {
width: 25%
}
.uk-width-4-12 {
width: 33.333%
}
.uk-width-5-12 {
width: 41.666%
}
.uk-width-6-12 {
width: 50%
}
.uk-width-7-12 {
width: 58.333%
}
.uk-width-8-12 {
width: 66.666%
}
.uk-width-9-12 {
width: 75%
}
.uk-width-10-12 {
width: 83.333%
}
.uk-width-11-12 {
width: 91.666%
}
@media (min-width:480px) {
.uk-width-small-1-12 {
width: 8.333%
}
.uk-width-small-2-12 {
width: 16.666%
}
.uk-width-small-3-12 {
width: 25%
}
.uk-width-small-4-12 {
width: 33.333%
}
.uk-width-small-5-12 {
width: 41.666%
}
.uk-width-small-6-12 {
width: 50%
}
.uk-width-small-7-12 {
width: 58.333%
}
.uk-width-small-8-12 {
width: 66.666%
}
.uk-width-small-9-12 {
width: 75%
}
.uk-width-small-10-12 {
width: 83.333%
}
.uk-width-small-11-12 {
width: 91.666%
}
}
@media (min-width:768px) {
.uk-width-medium-1-12 {
width: 8.333%
}
.uk-width-medium-2-12 {
width: 16.666%
}
.uk-width-medium-3-12 {
width: 25%
}
.uk-width-medium-4-12 {
width: 33.333%
}
.uk-width-medium-5-12 {
width: 41.666%
}
.uk-width-medium-6-12 {
width: 50%
}
.uk-width-medium-7-12 {
width: 58.333%
}
.uk-width-medium-8-12 {
width: 66.666%
}
.uk-width-medium-9-12 {
width: 75%
}
.uk-width-medium-10-12 {
width: 83.333%
}
.uk-width-medium-11-12 {
width: 91.666%
}
}
@media (min-width:960px) {
.uk-width-large-1-12 {
width: 8.333%
}
.uk-width-large-2-12 {
width: 16.666%
}
.uk-width-large-3-12 {
width: 25%
}
.uk-width-large-4-12 {
width: 33.333%
}
.uk-width-large-5-12 {
width: 41.666%
}
.uk-width-large-6-12 {
width: 50%
}
.uk-width-large-7-12 {
width: 58.333%
}
.uk-width-large-8-12 {
width: 66.666%
}
.uk-width-large-9-12 {
width: 75%
}
.uk-width-large-10-12 {
width: 83.333%
}
.uk-width-large-11-12 {
width: 91.666%
}
}
.uk-panel {
display: block;
position: relative
}
.uk-panel, .uk-panel:hover {
text-decoration: none
}
.uk-panel:after, .uk-panel:before {
content: "";
display: table
}
.uk-panel:after {
clear: both
}
.uk-panel > :not(.uk-panel-title):last-child {
margin-bottom: 0
}
.uk-panel-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
line-height: 26px;
font-weight: 800;
text-transform: none;
color: #3b4b58
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1
}
.uk-panel-teaser {
margin-bottom: 10px
}
.uk-panel-body {
padding: 16px
}
.uk-panel-box {
padding: 16px;
background: #fff;
color: #444;
border-radius: 3px;
border: 1px solid #ddd
}
.uk-panel-box-hover:hover {
color: #444;
background: #fef8bf;
border-color: #e5cf00
}
.uk-panel-box .uk-panel-title {
color: #3b4b58
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-box > .uk-panel-teaser {
margin-top: -17px;
margin-left: -17px;
margin-right: -17px
}
.uk-panel-box > .uk-nav-side {
margin: 0 -16px
}
.uk-panel-box-primary {
background-color: #ebf7fa;
color: #444;
border-color: rgba(68, 68, 68, .3);
border-color: #b7d0d8
}
.uk-panel-box-primary-hover:hover {
color: #444;
background: #fef8bf;
border-color: #e5cf00
}
.uk-panel-box-primary .uk-panel-title {
color: #3b4b58
}
.uk-panel-box-secondary {
background-color: #f9f9f9;
color: #444
}
.uk-panel-box-secondary-hover:hover {
color: #444;
background: #fef8bf;
border-color: #e5cf00
}
.uk-panel-box-secondary .uk-panel-title {
color: #3b4b58
}
.uk-panel-hover {
padding: 16px;
color: #444;
border: 1px solid transparent;
border-radius: 3px
}
.uk-panel-hover:hover {
background: #fef8bf;
color: #444;
border-color: #ddd
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-hover > .uk-panel-teaser {
margin-top: -17px;
margin-left: -17px;
margin-right: -17px
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
color: #3b4b58
}
.uk-panel-space {
padding: 30px
}
.uk-panel-space .uk-panel-badge {
top: 30px;
right: 30px
}
.uk-panel + .uk-panel-divider {
margin-top: 30px !important
}
.uk-panel + .uk-panel-divider:before {
content: "";
display: block;
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1px solid #ddd
}
@media (min-width:1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 30px !important
}
.uk-panel + .uk-panel-divider:before {
top: -15px
}
}
.uk-panel-box .uk-panel-teaser {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.uk-panel {
border-radius: 3px
}
.uk-block {
position: relative;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block {
padding-top: 50px;
padding-bottom: 50px
}
}
.uk-block:after, .uk-block:before {
content: "";
display: table
}
.uk-block:after {
clear: both
}
.uk-block > :last-child {
margin-bottom: 0
}
.uk-block-large {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block-large {
padding-top: 50px;
padding-bottom: 50px
}
}
@media (min-width:960px) {
.uk-block-large {
padding-top: 100px;
padding-bottom: 100px
}
}
.uk-block-default {
background: #fff
}
.uk-block-muted {
background: #f9f9f9
}
.uk-block-primary {
background: #00a8e6
}
.uk-block-secondary {
background: #222
}
.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary {
padding-top: 0
}
.uk-article:after, .uk-article:before {
content: "";
display: table
}
.uk-article:after {
clear: both
}
.uk-article > :last-child {
margin-bottom: 0
}
.uk-article + .uk-article {
margin-top: 15px
}
.uk-article-title {
font-size: 36px;
line-height: 42px;
font-weight: 400;
text-transform: none
}
.uk-article-title a {
color: inherit;
text-decoration: none
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #848484
}
.uk-article-lead {
color: #444;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.uk-article-divider {
margin-bottom: 15px;
border-color: #ddd
}
* + .uk-article-divider {
margin-top: 15px
}
.uk-article + .uk-article {
padding-top: 15px;
border-top: 1px solid #ddd
}
.uk-comment-header {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 3px;
background: #fafafa
}
.uk-comment-header:after, .uk-comment-header:before {
content: "";
display: table
}
.uk-comment-header:after {
clear: both
}
.uk-comment-avatar {
margin-right: 15px;
float: left
}
.uk-comment-title {
margin: 5px 0 0 0;
font-size: 16px;
line-height: 22px
}
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #848484
}
.uk-comment-body {
padding-left: 10px;
padding-right: 10px
}
.uk-comment-body > :last-child {
margin-bottom: 0
}
.uk-comment-list {
padding: 0;
list-style: none
}
.uk-comment-list .uk-comment + ul {
margin: 25px 0 0 0;
list-style: none
}
.uk-comment-list .uk-comment + ul > li:nth-child(n+2), .uk-comment-list > li:nth-child(n+2) {
margin-top: 25px
}
@media (min-width:768px) {
.uk-comment-list .uk-comment + ul {
padding-left: 50px
}
}
.uk-comment-primary .uk-comment-header {
border-color: rgba(45, 112, 145, .3);
background-color: #ebf7fd;
color: #2d7091;
text-shadow: 0 1px 0 #fff
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.uk-cover {
overflow: hidden
}
.uk-cover-object {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.uk-nav, .uk-nav ul {
margin: 0;
padding: 0;
list-style: none
}
.uk-nav li > a {
display: block;
text-decoration: none
}
.uk-nav > li > a {
padding: 5px 15px
}
.uk-nav ul {
padding-left: 15px
}
.uk-nav ul a {
padding: 2px 0
}
.uk-nav li > a > div {
font-size: 12px;
line-height: 18px
}
.uk-nav-header {
padding: 5px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px
}
.uk-nav-header:not(:first-child) {
margin-top: 15px
}
.uk-nav-divider {
margin: 9px 15px
}
ul.uk-nav-sub {
padding: 5px 0 5px 15px
}
.uk-nav-parent-icon > .uk-parent > a:after {
content: "\f104";
width: 1.5;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
content: "\f107"
}
.uk-nav-side > li > a {
color: #444
}
.uk-nav-side > li > a:focus, .uk-nav-side > li > a:hover {
background: rgba(0, 0, 0, .03);
color: #444;
outline: 0;
box-shadow: inset 0 0 1px rgba(0, 0, 0, .06);
text-shadow: 0 -1px 0 #fff
}
.uk-nav-side > li.uk-active > a {
background: #1d8acb;
color: #fff;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-nav-side .uk-nav-header {
color: #444
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #ddd;
box-shadow: 0 1px 0 #fff
}
.uk-nav-side ul a {
color: #1d8acb
}
.uk-nav-side ul a:hover {
color: #176c9e
}
.uk-nav-dropdown > li > a {
color: #444
}
.uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover {
background: #495d6d;
color: #fff;
outline: 0;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-nav-dropdown .uk-nav-header {
color: #848484
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #ddd
}
.uk-nav-dropdown ul a {
color: #1d8acb
}
.uk-nav-dropdown ul a:hover {
color: #176c9e
}
.uk-nav-navbar > li > a {
color: #444
}
.uk-nav-navbar > li > a:focus, .uk-nav-navbar > li > a:hover {
background: #1d8acb;
color: #fff;
outline: 0;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-nav-navbar .uk-nav-header {
color: #848484
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #ddd
}
.uk-nav-navbar ul a {
color: #1d8acb
}
.uk-nav-navbar ul a:hover {
color: #176c9e
}
.uk-nav-offcanvas > li > a {
color: #ccc;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
background: #404040;
color: #fff;
outline: 0
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas .uk-nav-header {
color: #777;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, .3);
background: #404040;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid rgba(255, 255, 255, .01);
margin: 0;
height: 4px;
background: rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas ul a {
color: #ccc
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #fff
}
.uk-nav-offcanvas {
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-navbar {
background: #fbfbfb;
color: #444;
border: 1px solid rgba(0, 0, 0, .06);
border-radius: 3px
}
.uk-navbar:after, .uk-navbar:before {
content: "";
display: table
}
.uk-navbar:after {
clear: both
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.uk-navbar-nav > li {
float: left;
position: relative
}
.uk-navbar-nav > li > a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 41px;
padding: 0 15px;
line-height: 40px;
color: #444;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
text-shadow: 0 1px 0 #fff
}
.uk-navbar-nav > li > a[href='#'] {
cursor: text
}
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
background-color: #eee;
color: #444;
outline: 0;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1)
}
.uk-navbar-nav > li > a:active {
background-color: #e2e2e2;
color: #444;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2)
}
.uk-navbar-nav > li.uk-active > a {
background-color: #eee;
color: #444;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1)
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px
}
.uk-navbar-nav-subtitle > div {
margin-top: -6px;
font-size: 10px;
line-height: 12px
}
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {
box-sizing: border-box;
display: block;
height: 41px;
padding: 0 15px;
float: left;
margin-top: -1px;
text-shadow: 0 1px 0 #fff
}
.uk-navbar-brand:before, .uk-navbar-content:before, .uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0
}
.uk-navbar-content > a:not([class]) {
color: #1d8acb
}
.uk-navbar-content > a:not([class]):hover {
color: #176c9e
}
.uk-navbar-brand {
font-size: 18px;
color: #444;
text-decoration: none
}
.uk-navbar-brand:focus, .uk-navbar-brand:hover {
color: #444;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle {
font-size: 18px;
color: #444;
text-decoration: none
}
.uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
color: #444;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
vertical-align: middle
}
.uk-navbar-toggle-alt:after {
content: "\f002"
}
.uk-navbar-center {
float: none;
text-align: center;
max-width: 50%;
margin-left: auto;
margin-right: auto
}
.uk-navbar-flip {
float: right
}
.uk-navbar-nav:first-child > li:first-child > a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.uk-navbar-flip .uk-navbar-nav > li > a {
margin-left: 0;
margin-right: -1px
}
.uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.uk-navbar-attached {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 0
}
.uk-navbar-attached .uk-navbar-nav > li > a {
border-radius: 0 !important
}
.uk-subnav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-subnav > * {
-ms-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px;
position: relative
}
.uk-subnav:after, .uk-subnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-subnav:after {
clear: both
}
.uk-subnav > * {
float: left
}
.uk-subnav > * > * {
display: inline-block;
color: #444
}
.uk-subnav > * > :focus, .uk-subnav > * > :hover {
color: #1d8acb;
text-decoration: none
}
.uk-subnav > .uk-active > * {
color: #1d8acb
}
.uk-subnav-line > :before {
content: "";
display: inline-block;
height: 10px;
vertical-align: middle
}
.uk-subnav-line > :nth-child(n+2):before {
margin-right: 10px;
border-left: 1px solid #ddd
}
.uk-subnav-pill > * > * {
padding: 3px 9px;
border-radius: 3px
}
.uk-subnav-pill > * > :focus, .uk-subnav-pill > * > :hover {
background: #fafafa;
color: #444;
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15)
}
.uk-subnav-pill > .uk-active > * {
background: #1d8acb;
color: #fff;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05)
}
.uk-subnav > .uk-disabled > * {
background: 0 0;
color: #848484;
text-decoration: none;
cursor: text;
box-shadow: none
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0
}
.uk-breadcrumb > li {
font-size: 1rem;
vertical-align: top
}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {
display: inline-block
}
.uk-breadcrumb > li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px
}
.uk-breadcrumb > li:not(.uk-active) > span {
color: #848484
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after, .uk-pagination:before {
content: "";
display: table
}
.uk-pagination:after {
clear: both
}
.uk-pagination > li {
display: inline-block;
font-size: 1rem;
vertical-align: top
}
.uk-pagination > li:nth-child(n+2) {
margin-left: 5px
}
.uk-pagination > li > a, .uk-pagination > li > span {
display: inline-block;
min-width: -2.5px;
padding: 3px 5px;
line-height: 1.5;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border: 1px solid rgba(0, 0, 0, .06);
border-radius: 3px;
border-radius: 2px
}
.uk-pagination > li > a {
background: 0 0;
color: #444;
text-shadow: 0 1px 0 #fff
}
.uk-pagination > li > a:focus, .uk-pagination > li > a:hover {
background-color: #e8edf0;
color: #444;
outline: 0;
border-color: rgba(0, 0, 0, .16)
}
.uk-pagination > li > a:active {
background-color: transparent;
color: #444
}
.uk-pagination > .uk-active > span {
background: #495d6d;
color: #fff;
border-color: transparent;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-pagination > .uk-disabled > span {
background-color: transparent;
color: #848484;
border: 1px solid rgba(0, 0, 0, .06);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #ddd
}
.uk-tab:after, .uk-tab:before {
content: "";
display: table
}
.uk-tab:after {
clear: both
}
.uk-tab > li {
margin-bottom: -1px;
float: left;
position: relative
}
.uk-tab > li > a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #1d8acb;
text-decoration: none;
border-radius: 3px 3px 0 0;
text-shadow: 0 1px 0 #fff
}
.uk-tab > li:nth-child(n+2) > a {
margin-left: 5px
}
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover {
border-color: rgba(0, 0, 0, .06);
background: #f5f5f5;
color: #176c9e;
outline: 0
}
.uk-tab > li.uk-open:not(.uk-active) > a, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li:not(.uk-active) > a:hover {
margin-bottom: 1px;
padding-bottom: 7px
}
.uk-tab > li.uk-active > a {
border-color: #ddd;
border-bottom-color: transparent;
background: #fff;
color: #444
}
.uk-tab > li.uk-disabled > a {
color: #848484;
cursor: text
}
.uk-tab > li.uk-disabled.uk-active > a, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled > a:hover {
background: 0 0;
border-color: transparent
}
.uk-tab-flip > li {
float: right
}
.uk-tab-flip > li:nth-child(n+2) > a {
margin-left: 0;
margin-right: 5px
}
.uk-tab > li.uk-tab-responsive > a {
margin-left: 0;
margin-right: 0
}
.uk-tab-responsive > a:before {
content: "\f0c9\00a0";
font-family: FontAwesome
}
.uk-tab-center {
border-bottom: 1px solid #ddd
}
.uk-tab-center-bottom {
border-bottom: none;
border-top: 1px solid #ddd
}
.uk-tab-center:after, .uk-tab-center:before {
content: "";
display: table
}
.uk-tab-center:after {
clear: both
}
.uk-tab-center .uk-tab {
position: relative;
right: 50%;
border: none;
float: right
}
.uk-tab-center .uk-tab > li {
position: relative;
right: -50%
}
.uk-tab-center .uk-tab > li > a {
text-align: center
}
.uk-tab-bottom {
border-top: 1px solid #ddd;
border-bottom: none
}
.uk-tab-bottom > li {
margin-top: -1px;
margin-bottom: 0
}
.uk-tab-bottom > li > a {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-top-width: 0
}
.uk-tab-bottom > li.uk-open:not(.uk-active) > a, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li:not(.uk-active) > a:hover {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px
}
.uk-tab-bottom > li.uk-active > a {
border-top-color: transparent;
border-bottom-color: #ddd
}
.uk-tab-grid {
margin-left: -5px;
border-bottom: none;
position: relative;
z-index: 0
}
.uk-tab-grid:before {
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
border-top: 1px solid #ddd;
z-index: -1
}
.uk-tab-grid > li:first-child > a {
margin-left: 5px
}
.uk-tab-grid > li > a {
text-align: center
}
.uk-tab-grid.uk-tab-bottom {
border-top: none
}
.uk-tab-grid.uk-tab-bottom:before {
top: -1px;
bottom: auto
}
@media (min-width:768px) {
.uk-tab-left, .uk-tab-right {
border-bottom: none
}
.uk-tab-left > li, .uk-tab-right > li {
margin-bottom: 0;
float: none
}
.uk-tab-left > li > a, .uk-tab-right > li > a {
padding-top: 8px;
padding-bottom: 8px
}
.uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a {
margin-left: 0;
margin-top: 5px
}
.uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a {
border-color: #ddd
}
.uk-tab-left {
border-right: 1px solid #ddd
}
.uk-tab-left > li {
margin-right: -1px
}
.uk-tab-left > li > a {
border-bottom-width: 1px;
border-right-width: 0
}
.uk-tab-left > li:not(.uk-active) > a:focus, .uk-tab-left > li:not(.uk-active) > a:hover {
margin-bottom: 0;
margin-right: 1px;
padding-bottom: 8px;
padding-right: 11px
}
.uk-tab-left > li.uk-active > a {
border-right-color: transparent
}
.uk-tab-right {
border-left: 1px solid #ddd
}
.uk-tab-right > li {
margin-left: -1px
}
.uk-tab-right > li > a {
border-bottom-width: 1px;
border-left-width: 0
}
.uk-tab-right > li:not(.uk-active) > a:focus, .uk-tab-right > li:not(.uk-active) > a:hover {
margin-bottom: 0;
margin-left: 1px;
padding-bottom: 8px;
padding-left: 11px
}
.uk-tab-right > li.uk-active > a {
border-left-color: transparent
}
}
.uk-tab-bottom > li > a {
border-radius: 0 0 3px 3px
}
@media (min-width:768px) {
.uk-tab-left > li > a {
border-radius: 3px 0 0 3px
}
.uk-tab-right > li > a {
border-radius: 0 3px 3px 0
}
}
.uk-thumbnav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-thumbnav > * {
-ms-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px
}
.uk-thumbnav:after, .uk-thumbnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-thumbnav:after {
clear: both
}
.uk-thumbnav > * {
float: left
}
.uk-thumbnav > * > * {
display: block;
background: #fff
}
.uk-thumbnav > * > * > img {
opacity: .7;
transition: opacity .15s linear
}
.uk-thumbnav > * > :focus > img, .uk-thumbnav > * > :hover > img {
opacity: 1
}
.uk-thumbnav > .uk-active > * > img {
opacity: 1
}
.uk-list {
padding: 0;
list-style: none
}
.uk-list > li:after, .uk-list > li:before {
content: "";
display: table
}
.uk-list > li:after {
clear: both
}
.uk-list > li > :last-child {
margin-bottom: 0
}
.uk-list ul {
margin: 0;
padding-left: 24px;
list-style: none
}
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd
}
.uk-list-striped > li {
padding: 5px 5px;
border-bottom: 1px solid #ddd
}
.uk-list-striped > li:nth-of-type(odd) {
background: #fafafa
}
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px
}
.uk-list-striped > li:first-child {
border-top: 1px solid #ddd
}
@media (min-width:768px) {
.uk-description-list-horizontal {
overflow: hidden
}
.uk-description-list-horizontal > dt {
width: 50%;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-description-list-horizontal > dd {
margin-left: 0
}
}
.uk-description-list-line > dt {
font-weight: 400
}
.uk-description-list-line > dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd
}
.uk-description-list-line > dd {
color: #848484
}
dt {
font-weight: 600
}
dl:not(.uk-description-list-horizontal):not(.uk-description-list-line) dt {
color: #6099a8;
text-transform: uppercase
}
dl:not(.uk-description-list-horizontal):not(.uk-description-list-line) dd + dt {
margin-top: 15px
}
.uk-description-list-horizontal {
line-height: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-left: -15px;
margin-left: 0
}
.uk-description-list-horizontal > dd, .uk-description-list-horizontal > dt {
border-bottom: 1px solid #dadada
}
.uk-description-list-horizontal > dt {
border-bottom-width: 0;
padding: 7px 0 0
}
.uk-description-list-horizontal > dd {
padding: 0 0 7px
}
@media (min-width:767px) {
.uk-description-list-horizontal {
overflow: visible
}
.uk-description-list-horizontal > dd, .uk-description-list-horizontal > dt {
padding: 7px 0
}
.uk-description-list-horizontal > dt {
border-bottom-width: 1px;
overflow: visible;
text-overflow: clip;
white-space: normal
}
.uk-description-list-horizontal > dd {
float: right;
text-align: right;
width: 50%
}
}
@media (max-width:767px) {
.uk-description-list-horizontal > dd, .uk-description-list-horizontal > dt {
width: 100%
}
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px
}
* + .uk-table {
margin-top: 15px
}
.uk-table td, .uk-table th {
padding: 5px 14px;
border-bottom: 1px solid #ddd;
color: #495d6d
}
.uk-table th {
text-align: left
}
.uk-table td {
vertical-align: top
}
.uk-table thead th {
vertical-align: bottom
}
.uk-table caption, .uk-table tfoot {
font-size: 18px;
font-style: italic
}
.uk-table caption {
text-align: left;
color: #495d6d
}
.uk-table tbody tr.uk-active {
background: #fef8bf
}
.uk-table-middle, .uk-table-middle td {
vertical-align: middle !important
}
.uk-table-striped tbody tr:nth-of-type(odd) {
background: #f1fafc;
background: 0 0
}
.uk-table-condensed td {
padding: 2px 8px
}
.uk-table-hover tbody tr:hover {
background: #fffbe1
}
.uk-table {
font-size: 14px;
font-weight: 400;
line-height: 20px
}
.uk-table tfoot {
font-size: inherit
}
.uk-table caption {
font-style: normal;
line-height: 28px;
padding: 0 4px
}
.uk-table th {
background: #e8edf0;
font-size: 12px;
padding: 7px 14px
}
.uk-table-striped tbody tr:nth-of-type(even) {
background: #f1fafc
}
.uk-table-condensed th {
padding: 4px 8px
}
.uk-table-hover tbody tr:hover {
background: #fffbe1
}
.uk-table-expanded td {
line-height: 38px
}
.uk-table-line tbody tr {
border-bottom: 1px solid #ebebeb
}
.uk-table-line tbody tr:last-child {
border-bottom: 0
}
.uk-table-sortable .uk-table-sortable-handle {
cursor: pointer
}
.uk-table-sortable .uk-table-sortable-handle [class*=uk-icon-] {
color: rgba(73, 93, 109, .5)
}
.uk-table-sortable .uk-table-sortable-handle.uk-active {
background: #d7dde1
}
.uk-table-sortable .uk-table-sortable-handle.uk-active [class*=uk-icon-] {
color: #495d6d
}
.uk-form input, .uk-form select, .uk-form textarea {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: inherit
}
.uk-form select {
text-transform: none
}
.uk-form optgroup {
font: inherit;
font-weight: 700
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-form input[type=checkbox], .uk-form input[type=radio] {
padding: 0
}
.uk-form input[type=checkbox]:not(:disabled), .uk-form input[type=radio]:not(:disabled) {
cursor: pointer
}
.uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form textarea {
-webkit-appearance: none
}
.uk-form input[type=search]::-webkit-search-cancel-button, .uk-form input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-form input[type=number]::-webkit-inner-spin-button, .uk-form input[type=number]::-webkit-outer-spin-button {
height: auto
}
.uk-form fieldset {
border: none;
margin: 0;
padding: 0
}
.uk-form textarea {
overflow: auto;
vertical-align: top
}
.uk-form ::-moz-placeholder {
opacity: 1
}
.uk-form :invalid {
box-shadow: none
}
.uk-form input:not([type=radio]):not([type=checkbox]), .uk-form select {
vertical-align: middle
}
.uk-form > :last-child {
margin-bottom: 0
}
.uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form input[type=datetime-local], .uk-form input[type=date], .uk-form input[type=month], .uk-form input[type=time], .uk-form input[type=week], .uk-form input[type=color], .uk-form select, .uk-form textarea {
height: 36px;
max-width: 100%;
padding: 6px 6px;
border: 1px solid #b0b0b0;
background: #fff;
color: #444;
-webkit-transition: all .2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all .2s linear;
transition-property: border, background, color, box-shadow, padding;
border-radius: 3px;
transition: all ease-in-out .1s
}
.uk-form input:not([type]):focus, .uk-form input[type=text]:focus, .uk-form input[type=password]:focus, .uk-form input[type=email]:focus, .uk-form input[type=url]:focus, .uk-form input[type=search]:focus, .uk-form input[type=tel]:focus, .uk-form input[type=number]:focus, .uk-form input[type=datetime]:focus, .uk-form input[type=datetime-local]:focus, .uk-form input[type=date]:focus, .uk-form input[type=month]:focus, .uk-form input[type=time]:focus, .uk-form input[type=week]:focus, .uk-form input[type=color]:focus, .uk-form select:focus, .uk-form textarea:focus {
border-color: #44bcda;
outline: 0;
background: #fff;
color: #444;
box-shadow: 0 0 3px 0 #44bcda
}
.uk-form input:not([type]):disabled, .uk-form input[type=text]:disabled, .uk-form input[type=password]:disabled, .uk-form input[type=email]:disabled, .uk-form input[type=url]:disabled, .uk-form input[type=search]:disabled, .uk-form input[type=tel]:disabled, .uk-form input[type=number]:disabled, .uk-form input[type=datetime]:disabled, .uk-form input[type=datetime-local]:disabled, .uk-form input[type=date]:disabled, .uk-form input[type=month]:disabled, .uk-form input[type=time]:disabled, .uk-form input[type=week]:disabled, .uk-form input[type=color]:disabled, .uk-form select:disabled, .uk-form textarea:disabled {
border-color: #bbb;
background-color: #f4f4f4;
color: #777
}
.uk-form :-ms-input-placeholder {
color: #848484 !important
}
.uk-form ::-moz-placeholder {
color: #848484
}
.uk-form ::-webkit-input-placeholder {
color: #848484
}
.uk-form :disabled:-ms-input-placeholder {
color: #777 !important
}
.uk-form :disabled::-moz-placeholder {
color: #777
}
.uk-form :disabled::-webkit-input-placeholder {
color: #777
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px;
font-weight: 400
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #ddd;
width: 100%
}
input:not([type]).uk-form-small, input[type].uk-form-small, select.uk-form-small, textarea.uk-form-small {
height: 30px;
padding: 3px 5px;
font-size: 14px
}
input:not([type]).uk-form-large, input[type].uk-form-large, select.uk-form-large, textarea.uk-form-large {
height: 44px;
padding: 8px 8px;
font-size: 18px
}
.uk-form select[multiple], .uk-form select[size], .uk-form textarea {
height: auto
}
.uk-form-danger {
border-color: #dc8d99 !important;
background: #fff7f8 !important;
color: #d85030 !important
}
.uk-form-danger:-moz-focusring {
text-shadow: 0 0 0 #ab3b20 !important
}
.uk-form-danger:focus {
background: #ffedef !important;
border-color: #ce5e6f !important;
color: #ab3b20 !important
}
.uk-form-success {
border-color: #8ec73b !important;
background: #fafff2 !important;
color: #659f13 !important
}
.uk-form-success:-moz-focusring {
text-shadow: 0 0 0 #3a5b0b !important
}
.uk-form-success:focus {
background: #f0ffd9 !important;
border-color: #648d28 !important;
color: #3a5b0b !important
}
.uk-form-blank {
border-color: transparent !important;
border-style: dashed !important;
background: 0 0 !important
}
.uk-form-blank:focus {
border-color: #ddd !important
}
input.uk-form-width-mini {
width: 40px
}
select.uk-form-width-mini {
width: 65px
}
.uk-form-width-small {
width: 130px
}
.uk-form-width-medium {
width: 200px
}
.uk-form-width-large {
width: 500px
}
.uk-form-row:after, .uk-form-row:before {
content: "";
display: table
}
.uk-form-row:after {
clear: both
}
.uk-form-row + .uk-form-row {
margin-top: 15px
}
.uk-form-help-inline {
display: inline-block;
margin: 0 0 0 10px
}
.uk-form-help-block {
margin: 5px 0 0 0
}
.uk-form-controls > :first-child {
margin-top: 0
}
.uk-form-controls > :last-child {
margin-bottom: 0
}
.uk-form-controls-condensed {
margin: 5px 0
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: 0;
font-weight: ''
}
@media (max-width:959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 0;
font-weight: ''
}
}
@media (min-width:960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 5px;
float: left
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 5px
}
}
.uk-form-icon {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-icon > [class*=uk-icon-] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: #848484;
text-align: center;
pointer-events: none
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
padding-left: 30px !important
}
.uk-form-icon-flip > [class*=uk-icon-] {
right: 0
}
.uk-form-icon-flip > input {
padding-right: 30px !important
}
.uk-form input, .uk-form select, .uk-form textarea {
border-radius: 2px
}
.uk-form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
padding-right: 28px
}
.uk-form select:-moz-focusring {
color: transparent !important;
text-shadow: 0 0 0 #444;
transition: background-color ease-in-out .1s, border-color ease-in-out .1s, box-shadow ease-in-out .1s, color 0s, text-shadow 0s
}
.uk-form select::-ms-expand {
display: none
}
.uk-form select, .uk-form select:focus {
background-image: url(../img/uk_select_arrow.png) !important;
background-position: calc(-8px + 100%) calc(11px + 0%) !important;
background-repeat: no-repeat !important;
background-size: 12px !important
}
.uk-form select.uk-form-small, .uk-form select:focus.uk-form-small {
background-position: calc(-7px + 100%) calc(8px + 0%) !important
}
.uk-form select.uk-form-large, .uk-form select:focus.uk-form-large {
background-position: calc(-10px + 100%) calc(15px + 0%) !important
}
.uk-form select:disabled {
background-image: url(../img/uk_select_arrow_disabled.png) !important;
cursor: default
}
.uk-form select[multiple] {
background-image: none !important
}
.uk-form select.uk-form-small {
padding-right: 26px
}
.uk-form select.uk-form-large {
padding-right: 32px
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.uk-form select, .uk-form select:focus {
background-image: url(../img/uk_select_arrow@2x.png) !important
}
.uk-form select:disabled {
background-image: url(../img/uk_select_arrow_disabled@2x.png) !important
}
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-button {
-webkit-appearance: none;
margin: 0;
overflow: visible;
font: inherit;
color: #444;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 16px;
background: #e8edf0;
vertical-align: middle;
line-height: 34px;
min-height: 36px;
font-size: 1rem;
text-decoration: none;
text-align: center;
text-shadow: 0 1px 0 #fff;
border: 1px solid #c9d5dc;
border-radius: 2px;
font-weight: 300
}
.uk-button:not(:disabled) {
cursor: pointer
}
.uk-button:focus, .uk-button:hover {
background-color: #f1f4f6;
color: #444;
outline: 0;
text-decoration: none;
border-color: rgba(0, 0, 0, .16);
border-color: #d2dce2
}
.uk-button.uk-active, .uk-button:active {
background-color: #dfe6ea;
color: #444;
border-color: #b8c8d1
}
.uk-button-primary {
background-color: #00a3cb;
color: #fff;
border-color: #007a98
}
.uk-button-primary.uk-button:disabled {
background-color: #b3e3ef;
border-color: #b3d7e0;
color: #fff
}
.uk-button-primary:focus, .uk-button-primary:hover {
background-color: #00b3df;
color: #fff;
border-color: #008aac
}
.uk-button-primary.uk-active, .uk-button-primary:active {
background-color: #0093b7;
color: #fff;
border-color: #005f77
}
.uk-button-success {
background-color: #7ab500;
color: #fff;
border-color: #608f00
}
.uk-button-success.uk-button:disabled {
background-color: #d7e9b3;
border-color: #cfddb3;
color: #fff
}
.uk-button-success:focus, .uk-button-success:hover {
background-color: #88c900;
color: #fff;
border-color: #6ea300
}
.uk-button-success.uk-active, .uk-button-success:active {
background-color: #6ca100;
color: #fff;
border-color: #4a6e00
}
.uk-button-danger {
background-color: #ff5050;
color: #fff;
border-color: #dc0000
}
.uk-button-danger.uk-button:disabled {
background-color: #ffcbcb;
border-color: #f5b3b3;
color: #fff
}
.uk-button-danger:focus, .uk-button-danger:hover {
background-color: #ff6a6a;
color: #fff;
border-color: #f60000
}
.uk-button-danger.uk-active, .uk-button-danger:active {
background-color: #ff3636;
color: #fff;
border-color: #b60000
}
.uk-button:disabled {
background-color: #f8fafb;
color: #b4b4b4;
box-shadow: none;
text-shadow: 0 1px 0 #fff;
border-color: #d9e1e6
}
.uk-button-link, .uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:disabled, .uk-button-link:focus, .uk-button-link:hover {
background: 0 0;
box-shadow: none;
text-shadow: none;
border-color: transparent
}
.uk-button-link {
color: #00a3cb
}
.uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:focus, .uk-button-link:hover {
color: #0084a6;
text-decoration: underline
}
.uk-button-link:disabled {
color: #777
}
.uk-button-link:focus {
outline: 1px dotted
}
.uk-button-mini {
min-height: 22px;
padding: 0 12px;
line-height: 20px;
font-size: 12px
}
.uk-button-small {
min-height: 30px;
padding: 0 14px;
line-height: 28px;
font-size: 14px
}
.uk-button-large {
min-height: 44px;
padding: 0 25px;
line-height: 42px;
font-size: 18px;
border-radius: 4px
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
white-space: nowrap
}
.uk-button-group > * {
display: inline-block
}
.uk-button-group .uk-button {
vertical-align: top
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative
}
.uk-button-danger, .uk-button-primary, .uk-button-success {
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-button-danger:focus, .uk-button-danger:hover, .uk-button-primary:focus, .uk-button-primary:hover, .uk-button-success:focus, .uk-button-success:hover {
border-color: rgba(0, 0, 0, .21)
}
.uk-button-group > .uk-button:not(:first-child):not(:last-child), .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-radius: 0
}
.uk-button-group > .uk-button:first-child, .uk-button-group > div:first-child .uk-button {
border-right-color: rgba(0, 0, 0, .1);
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.uk-button-group > .uk-button:last-child, .uk-button-group > div:last-child .uk-button {
border-left-color: rgba(0, 0, 0, .1);
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button {
margin-left: -1px
}
.uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:hover {
position: relative
}
.uk-button-mini {
font-weight: 400
}
.uk-button-group:not(.uk-button-group-switch) > .uk-button:first-child {
border-right: 0;
border-radius: 2px 0 0 2px
}
.uk-button-group:not(.uk-button-group-switch) > .uk-button + .uk-button:not(:last-child) {
border-left: 0;
border-right: 0;
border-radius: 0
}
.uk-button-group:not(.uk-button-group-switch) > .uk-button:last-child {
border-left: 0;
border-radius: 0 2px 2px 0
}
.uk-button-group:not(.uk-button-group-switch) .uk-button + [data-uk-dropdown] .uk-button {
border-radius: 0 2px 2px 0
}
[class*=uk-icon-] {
font-family: FontAwesome;
display: inline-block;
font-weight: 400;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class*=uk-icon-], [class*=uk-icon-]:focus, [class*=uk-icon-]:hover {
text-decoration: none
}
.uk-icon-small {
font-size: 150%;
vertical-align: -10%
}
.uk-icon-medium {
font-size: 200%;
vertical-align: -16%
}
.uk-icon-large {
font-size: 250%;
vertical-align: -22%
}
.uk-icon-justify {
width: 1em;
text-align: center
}
.uk-icon-spin {
display: inline-block;
animation: uk-rotate 2s infinite linear
}
.uk-icon-hover {
color: #848484
}
.uk-icon-hover:hover {
color: #444
}
.uk-icon-button {
box-sizing: border-box;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 100%;
background: #fbfbfb;
line-height: 35px;
color: #444;
font-size: 18px;
text-align: center;
border: 1px solid #e7e7e7;
text-shadow: 0 1px 0 #fff
}
.uk-icon-button:focus, .uk-icon-button:hover {
background-color: #eee;
color: #444;
outline: 0;
border-color: #d3d3d3
}
.uk-icon-button:active {
background-color: #e2e2e2;
color: #444
}
.uk-close::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-close {
-webkit-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
padding: 0;
background: 0 0;
display: inline-block;
box-sizing: content-box;
width: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
font-size: 18px;
opacity: .45
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome
}
.uk-close:focus, .uk-close:hover {
opacity: .5;
outline: 0;
color: inherit;
text-decoration: none;
cursor: pointer
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #fff;
opacity: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}
.uk-close-alt:focus, .uk-close-alt:hover {
opacity: 1
}
.uk-close-alt:after {
opacity: .5
}
.uk-close-alt:focus:after, .uk-close-alt:hover:after {
opacity: .8
}
.uk-close:not(.uk-close-alt):focus, .uk-close:not(.uk-close-alt):hover {
opacity: .75
}
.uk-badge {
display: inline-block;
padding: 0 11px;
background: #e8edf0;
font-size: 12px;
font-weight: 700;
line-height: 20px;
color: #3b4b58;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
border: 1px solid rgba(0, 0, 0, .06);
border-radius: 2px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased
}
a.uk-badge:hover {
color: #fff
}
.uk-badge-notification {
box-sizing: border-box;
min-width: 16px;
border-radius: 500px;
font-size: 12px;
line-height: 16px
}
.uk-badge-success {
background-color: #7ab500;
color: #fff
}
.uk-badge-warning {
background-color: #ff8e41;
color: #fff
}
.uk-badge-danger {
background-color: #ff5050;
color: #fff
}
.uk-badge-notification {
padding: 0 7px
}
.parsley-errors-list, .uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fa;
text-shadow: 0 1px 0 #fff;
border: 1px solid #b7d0d8;
border-radius: 3px;
color: #444;
position: relative
}
.parsley-errors-list:before, .uk-alert:before {
display: none;
font-family: FontAwesome;
font-size: 24px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
height: 24px;
left: 10px;
line-height: 24px;
position: absolute;
text-align: center;
top: 10px;
width: 24px
}
.parsley-errors-list.uk-alert-large:before, .uk-alert.uk-alert-large:before {
font-size: 48px;
height: 48px;
left: 20px;
line-height: 48px;
top: 20px;
width: 48px
}
.parsley-errors-list > .uk-close, .uk-alert > .uk-close {
color: #77a7b4
}
* + .parsley-errors-list, * + .uk-alert {
margin-top: 15px
}
.parsley-errors-list > :last-child, .uk-alert > :last-child {
margin-bottom: 0
}
.parsley-errors-list h1, .parsley-errors-list h2, .parsley-errors-list h3, .parsley-errors-list h4, .parsley-errors-list h5, .parsley-errors-list h6, .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 {
color: inherit
}
.parsley-errors-list > .uk-close:first-child, .uk-alert > .uk-close:first-child {
float: right
}
.parsley-errors-list > .uk-close:first-child + *, .uk-alert > .uk-close:first-child + * {
margin-top: 0
}
.uk-alert-success {
background: #f3f9e4;
border-color: rgba(122, 181, 0, .3);
border-color: #cce78e;
color: #444;
padding-left: 44px
}
.uk-alert-success:before {
color: #7ab500;
content: "\f058";
display: block
}
.uk-alert-success.uk-alert-large {
min-height: 48px;
padding-left: 88px
}
.uk-alert-success > .uk-close {
color: #7ab500
}
.uk-alert-warning {
background: #fffdeb;
border-color: rgba(255, 142, 65, .3);
border-color: #fdf17f;
color: #444;
padding-left: 44px
}
.uk-alert-warning:before {
color: #ff8e41;
content: "\f06a";
display: block
}
.uk-alert-warning.uk-alert-large {
min-height: 48px;
padding-left: 88px
}
.uk-alert-warning > .uk-close {
color: #ff8e41
}
.parsley-errors-list, .uk-alert-danger {
background: #fff1f1;
border-color: rgba(255, 80, 80, .3);
border-color: #ffdcdc;
color: #444;
padding-left: 44px
}
.parsley-errors-list:before, .uk-alert-danger:before {
color: #ff5050;
content: "\f071";
display: block
}
.parsley-errors-list.uk-alert-large, .uk-alert-danger.uk-alert-large {
min-height: 48px;
padding-left: 88px
}
.parsley-errors-list > .uk-close, .uk-alert-danger > .uk-close {
color: #ff5050
}
.uk-alert-large {
padding: 20px
}
.uk-alert-large > .uk-close:first-child {
margin: -10px -10px 0 0
}
.parsley-errors-list h1, .parsley-errors-list h2, .parsley-errors-list h3, .parsley-errors-list h4, .parsley-errors-list h5, .parsley-errors-list h6, .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 {
color: #3b4b58
}
.uk-thumbnail, .wp-caption {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid #ddd;
background: #fff;
border-radius: 3px
}
a.uk-thumbnail:focus, a.uk-thumbnail:hover, a.wp-caption:focus, a.wp-caption:hover {
border-color: #aaa;
background-color: #fff;
text-decoration: none;
outline: 0
}
.uk-thumbnail-caption, figcaption {
padding-top: 4px;
text-align: center;
color: #444
}
.uk-thumbnail-mini {
width: 150px
}
.uk-thumbnail-small {
width: 200px
}
.uk-thumbnail-medium {
width: 300px
}
.uk-thumbnail-large {
width: 400px
}
.uk-thumbnail-expand, .uk-thumbnail-expand > img {
width: 100%
}
.uk-overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
margin: 0
}
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.uk-overlay > :first-child {
margin-bottom: 0
}
.uk-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff
}
.uk-overlay-panel.uk-flex > * > :last-child, .uk-overlay-panel > :last-child {
margin-bottom: 0
}
.uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 {
color: inherit
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
color: inherit
}
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-background {
background: rgba(0, 0, 0, .5)
}
.uk-overlay-image {
padding: 0
}
.uk-overlay-top {
bottom: auto
}
.uk-overlay-bottom {
top: auto
}
.uk-overlay-left {
right: auto
}
.uk-overlay-right {
left: auto
}
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-blur, .uk-overlay-fade, .uk-overlay-grayscale, .uk-overlay-scale, .uk-overlay-spin, [class*=uk-overlay-slide] {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter
}
.uk-overlay-active .uk-overlay-fade, .uk-overlay-active .uk-overlay-scale, .uk-overlay-active .uk-overlay-spin, .uk-overlay-active [class*=uk-overlay-slide] {
transition-duration: .8s
}
.uk-overlay-fade {
opacity: .7
}
.uk-overlay-active .uk-active > .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-hover:hover .uk-overlay-fade {
opacity: 1
}
.uk-overlay-scale {
-ms-transform: scale(1);
transform: scale(1)
}
.uk-overlay-active .uk-active > .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-hover:hover .uk-overlay-scale {
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.uk-overlay-spin {
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.uk-overlay-active .uk-active > .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-hover:hover .uk-overlay-spin {
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.uk-overlay-grayscale {
filter: grayscale(100%)
}
.uk-overlay-active .uk-active > .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-hover:hover .uk-overlay-grayscale {
filter: grayscale(0)
}
[class*=uk-overlay-slide] {
opacity: 0
}
.uk-overlay-slide-top {
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.uk-overlay-slide-bottom {
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.uk-overlay-slide-left {
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.uk-overlay-slide-right {
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.uk-overlay-active .uk-active > [class*=uk-overlay-slide], .uk-overlay-hover.uk-hover [class*=uk-overlay-slide], .uk-overlay-hover:hover [class*=uk-overlay-slide] {
opacity: 1;
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .3);
opacity: 0;
transition: opacity .15s linear;
}
.uk-overlay-toggle.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay:hover .uk-overlay-area {
opacity: 1
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-area:not(:empty) {
font-size: 0
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-overlay-area-content {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff
}
.uk-overlay-area-content > :last-child {
margin-bottom: 0
}
.uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover {
color: inherit
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, .5);
color: #fff;
opacity: 0;
transition: opacity .15s linear;
}
.uk-overlay-toggle.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay:hover .uk-overlay-caption {
opacity: 1
}
[class*=uk-column-] {
column-gap: 15px
}
.uk-column-1-2 {
column-count: 2
}
.uk-column-1-3 {
column-count: 3
}
.uk-column-1-4 {
column-count: 4
}
.uk-column-1-5 {
column-count: 5
}
.uk-column-1-6 {
column-count: 6
}
@media (min-width:480px) {
.uk-column-small-1-2 {
column-count: 2
}
.uk-column-small-1-3 {
column-count: 3
}
.uk-column-small-1-4 {
column-count: 4
}
.uk-column-small-1-5 {
column-count: 5
}
.uk-column-small-1-6 {
column-count: 6
}
}
@media (min-width:768px) {
.uk-column-medium-1-2 {
column-count: 2
}
.uk-column-medium-1-3 {
column-count: 3
}
.uk-column-medium-1-4 {
column-count: 4
}
.uk-column-medium-1-5 {
column-count: 5
}
.uk-column-medium-1-6 {
column-count: 6
}
}
@media (min-width:960px) {
.uk-column-large-1-2 {
column-count: 2
}
.uk-column-large-1-3 {
column-count: 3
}
.uk-column-large-1-4 {
column-count: 4
}
.uk-column-large-1-5 {
column-count: 5
}
.uk-column-large-1-6 {
column-count: 6
}
}
@media (min-width:1220px) {
.uk-column-xlarge-1-2 {
column-count: 2
}
.uk-column-xlarge-1-3 {
column-count: 3
}
.uk-column-xlarge-1-4 {
column-count: 4
}
.uk-column-xlarge-1-5 {
column-count: 5
}
.uk-column-xlarge-1-6 {
column-count: 6
}
}
[class*=uk-animation-] {
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both
}
@media screen {
[data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
opacity: 0
}
}
.uk-animation-fade {
animation-name: uk-fade;
animation-duration: .8s;
animation-timing-function: linear !important
}
.uk-animation-scale-up {
animation-name: uk-fade-scale-02
}
.uk-animation-scale-down {
animation-name: uk-fade-scale-18
}
.uk-animation-slide-top {
animation-name: uk-fade-top
}
.uk-animation-slide-bottom {
animation-name: uk-fade-bottom
}
.uk-animation-slide-left {
animation-name: uk-fade-left
}
.uk-animation-slide-right {
animation-name: uk-fade-right
}
.uk-animation-scale {
animation-name: uk-scale-12
}
.uk-animation-shake {
animation-name: uk-shake
}
.uk-animation-reverse {
animation-direction: reverse;
animation-timing-function: ease-in
}
.uk-animation-15 {
animation-duration: 15s
}
.uk-animation-top-left {
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-animation-top-center {
-ms-transform-origin: 50% 0;
transform-origin: 50% 0
}
.uk-animation-top-right {
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.uk-animation-middle-left {
-ms-transform-origin: 0 50%;
transform-origin: 0 50%
}
.uk-animation-middle-right {
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.uk-animation-bottom-left {
-ms-transform-origin: 0 100%;
transform-origin: 0 100%
}
.uk-animation-bottom-center {
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.uk-animation-bottom-right {
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*=uk-animation-], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
animation-name: none
}
@keyframes uk-fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(0)
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%)
}
100% {
transform: translateX(0)
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%)
}
100% {
transform: translateX(0)
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%)
}
100% {
transform: translateX(0)
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
@keyframes uk-shake {
0%, 100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.uk-animation-250ms {
animation-duration: .25s
}
.uk-animation-paused {
animation-play-state: paused
}
.uk-dropdown, .uk-dropdown-blank {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px
}
.uk-dropdown {
padding: 15px;
background: #fff;
color: #444;
font-size: 1rem;
vertical-align: top;
border: 1px solid #ddd;
border-radius: 3px;
border-radius: 2px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5)
}
.uk-dropdown:-moz-focusring {
color: transparent
}
.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank {
display: block;
animation: uk-fade .2s ease-in-out;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-dropdown-top {
margin-top: -5px
}
.uk-dropdown-bottom {
margin-top: 5px
}
.uk-dropdown-left {
margin-left: -5px
}
.uk-dropdown-right {
margin-left: 5px
}
.uk-dropdown .uk-nav {
margin: 0 -15px
}
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
margin-top: 15px
}
.uk-dropdown-grid > [class*=uk-width-] > .uk-panel + .uk-panel {
margin-top: 15px
}
@media (min-width:768px) {
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=uk-width-] {
padding-left: 15px;
padding-right: 15px
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=uk-width-]:nth-child(n+2) {
border-left: 1px solid #ddd
}
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 400px
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 600px
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px
}
}
@media (max-width:767px) {
.uk-dropdown-grid > [class*=uk-width-] {
width: 100%
}
.uk-dropdown-grid > [class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*=uk-width-] {
width: 100%
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap
}
.uk-dropdown-small .uk-nav {
margin: 0 -5px
}
.uk-dropdown-navbar {
margin-top: 6px;
background: #fff;
color: #444;
left: -1px
}
.uk-open > .uk-dropdown-navbar {
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px
}
.uk-dropdown-navbar.uk-dropdown-flip {
left: auto
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, .25);
opacity: 0;
transition: opacity .15s linear;
-ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
transform: translateZ(0)
}
.uk-modal.uk-open {
opacity: 1
}
.uk-modal-page, .uk-modal-page body {
overflow: hidden
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 120px auto;
width: 700px;
max-width: 100%;
max-width: calc(100% - 20px);
background: #fff;
opacity: 0;
-ms-transform: translateY(-100px);
transform: translateY(-100px);
transition: opacity .3s linear, transform .3s ease-out;
border-radius: 3px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .75);
padding: 25px 30px
}
@media (max-width:767px) {
.uk-modal-dialog {
width: auto;
margin: 10px auto
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0)
}
.uk-modal-dialog > :not([class*=uk-modal-]):last-child {
margin-bottom: 0
}
.uk-modal-dialog > .uk-close:first-child {
margin: -10px -10px 0 0;
float: right
}
.uk-modal-dialog > .uk-close:first-child + :not([class*=uk-modal-]) {
margin-top: 0
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
border-radius: 0
}
.uk-modal-dialog-lightbox > .uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none
}
@media (max-width:767px) {
.uk-modal-dialog-lightbox > .uk-close:first-child {
top: -7px;
right: -7px
}
}
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
transition: opacity .3s linear
}
.uk-modal-dialog-blank > .uk-close:first-child {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
float: none
}
@media (min-width:768px) {
.uk-modal-dialog-large {
width: 930px
}
}
@media (min-width:1220px) {
.uk-modal-dialog-large {
width: 1130px
}
}
.uk-modal-header {
margin-bottom: 30px;
border-radius: 3px 3px 0 0;
background: #fafafa;
border-bottom: 1px solid #dadada;
margin: -15px 0 30px;
padding: 15px 0
}
.uk-modal-footer {
margin-top: 30px;
border-top: 1px solid #ddd;
background: #fafafa;
background: #f4f4f4;
border-radius: 0 0 3px 3px;
margin: 30px -30px -25px;
padding: 15px 30px
}
.uk-modal-footer > :last-child, .uk-modal-header > :last-child {
margin-bottom: 0
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin-bottom: -10px;
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
animation: uk-rotate 2s infinite linear
}
.uk-modal-dialog > .uk-close:first-child {
font-size: 24px;
margin: 5px 0 0
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
-ms-touch-action: none;
touch-action: none;
background: rgba(0, 0, 0, .25)
}
.uk-offcanvas.uk-active {
display: block
}
.uk-offcanvas-page {
position: fixed;
transition: margin-left .3s ease-in-out;
margin-left: 0
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-ms-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
width: 250px;
max-width: 100%;
background: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: transform .3s ease-in-out;
-ms-scroll-chaining: none
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-ms-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar[mode=none] {
transition: none
}
.uk-offcanvas-bar[mode=reveal] {
-ms-transform: translateX(0);
transform: translateX(0);
clip: rect(0, 0, 100vh, 0);
transition: transform .3s ease-in-out, clip .3s ease-in-out
}
.uk-offcanvas-bar-flip[mode=reveal] {
clip: none;
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar-flip[mode=reveal] > * {
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition: transform .3s ease-in-out
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show > * {
-ms-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-offcanvas .uk-panel-title {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #fff
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-offcanvas-bar-flip:after {
right: auto;
left: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-offcanvas-shadow {
box-shadow: inset -3px 0 2px -2px rgba(0, 0, 0, .5);
display: block;
height: 100%;
position: fixed;
right: 0;
bottom: 0;
top: 0;
width: 3px;
z-index: 1001
}
.uk-offcanvas-bar-flip .uk-offcanvas-shadow {
box-shadow: inset 3px 0 2px -2px rgba(0, 0, 0, .5);
left: 0
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
-ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
touch-action: cross-slide-y pinch-zoom double-tap-zoom
}
.uk-switcher > :not(.uk-active) {
display: none
}
.uk-text-small {
font-size: 12px;
line-height: 18px
}
.uk-text-large {
font-size: 20px;
line-height: 26px;
font-weight: 300
}
.uk-text-bold {
font-weight: 700
}
.uk-text-muted {
color: #848484 !important
}
.uk-text-primary {
color: #3b4b58 !important
}
.uk-text-success {
color: #7ab500 !important
}
.uk-text-warning {
color: #ff8e41 !important
}
.uk-text-danger {
color: #ff5050 !important
}
.uk-text-contrast {
color: #fff !important
}
.uk-text-left {
text-align: left !important
}
.uk-text-right {
text-align: right !important
}
.uk-text-center {
text-align: center !important
}
.uk-text-justify {
text-align: justify !important
}
.uk-text-top {
vertical-align: top !important
}
.uk-text-middle {
vertical-align: middle !important
}
.uk-text-bottom {
vertical-align: bottom !important
}
@media (max-width:959px) {
.uk-text-center-medium {
text-align: center !important
}
.uk-text-left-medium {
text-align: left !important
}
}
@media (max-width:767px) {
.uk-text-center-small {
text-align: center !important
}
.uk-text-left-small {
text-align: left !important
}
}
.uk-text-nowrap {
white-space: nowrap
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.uk-text-capitalize {
text-transform: capitalize !important
}
.uk-text-lowercase {
text-transform: lowercase !important
}
.uk-text-uppercase {
text-transform: uppercase !important
}
.uk-text-small {
font-weight: 600
}
.uk-text-bold {
font-weight: 600
}
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 15px;
margin: 0 auto
}
@media (min-width:1220px) {
.uk-container {
max-width: 1200px;
padding: 0 15px
}
}
.uk-container:after, .uk-container:before {
content: "";
display: table
}
.uk-container:after {
clear: both
}
.uk-container-center {
margin-left: auto;
margin-right: auto
}
.uk-clearfix:before {
content: "";
display: table-cell
}
.uk-clearfix:after {
content: "";
display: table;
clear: both
}
.uk-nbfc {
overflow: hidden
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px
}
.uk-float-left {
float: left
}
.uk-float-right {
float: right
}
[class*=uk-float-] {
max-width: 100%
}
[class*=uk-align-] {
display: block;
margin-bottom: 15px
}
.uk-align-left {
margin-right: 15px;
float: left
}
.uk-align-right {
margin-left: 15px;
float: right
}
@media (min-width:768px) {
.uk-align-medium-left {
margin-right: 15px;
float: left
}
.uk-align-medium-right {
margin-left: 15px;
float: right
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto
}
.uk-vertical-align {
font-size: 0
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-vertical-align-bottom, .uk-vertical-align-middle {
display: inline-block;
max-width: 100%;
font-size: 1rem
}
.uk-vertical-align-middle {
vertical-align: middle
}
.uk-vertical-align-bottom {
vertical-align: bottom
}
[class*=uk-height] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
height: 100vh;
min-height: 600px
}
.uk-responsive-height, .uk-responsive-width {
box-sizing: border-box
}
.uk-responsive-width {
max-width: 100% !important;
height: auto
}
.uk-responsive-height {
max-height: 100%;
width: auto
}
.uk-margin {
margin-bottom: 15px
}
* + .uk-margin {
margin-top: 15px
}
.uk-margin-top {
margin-top: 15px !important
}
.uk-margin-bottom {
margin-bottom: 15px !important
}
.uk-margin-left {
margin-left: 15px !important
}
.uk-margin-right {
margin-right: 15px !important
}
.uk-margin-large {
margin-bottom: 50px
}
* + .uk-margin-large {
margin-top: 50px
}
.post-type + .post-type, .uk-margin-large-top {
margin-top: 50px !important
}
.uk-margin-large-bottom {
margin-bottom: 50px !important
}
.uk-margin-large-left {
margin-left: 50px !important
}
.uk-margin-large-right {
margin-right: 50px !important
}
.uk-margin-small {
margin-bottom: 5px
}
* + .uk-margin-small {
margin-top: 5px
}
.uk-margin-small-top {
margin-top: 5px !important
}
.uk-margin-small-bottom {
margin-bottom: 5px !important
}
.uk-margin-small-left {
margin-left: 5px !important
}
.uk-margin-small-right {
margin-right: 5px !important
}
.uk-margin-remove {
margin: 0 !important
}
.uk-margin-top-remove {
margin-top: 0 !important
}
.uk-margin-bottom-remove {
margin-bottom: 0 !important
}
.uk-padding-remove {
padding: 0 !important
}
.uk-padding-top-remove {
padding-top: 0 !important
}
.uk-padding-bottom-remove {
padding-bottom: 0 !important
}
.uk-padding-vertical-remove {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.uk-border-circle {
border-radius: 50%
}
.uk-border-rounded {
border-radius: 5px
}
.uk-heading-large {
font-size: 36px;
line-height: 42px
}
@media (min-width:768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px
}
}
.uk-link-muted, .uk-link-muted a {
color: #444
}
.uk-link-muted a:hover, .uk-link-muted:hover {
color: #444
}
.uk-link-reset, .uk-link-reset a, .uk-link-reset a:focus, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset:hover {
color: inherit;
text-decoration: none
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both
}
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #ddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
border-radius: 3px
}
.uk-scrollable-box > :last-child {
margin-bottom: 0
}
.uk-overflow-hidden {
overflow: hidden
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.uk-overflow-container > :last-child {
margin-bottom: 0
}
.uk-position-absolute, [class*=uk-position-top], [class*=uk-position-bottom] {
position: absolute !important
}
.uk-position-top {
top: 0;
left: 0;
right: 0
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.uk-position-top-left {
top: 0;
left: 0
}
.uk-position-top-right {
top: 0;
right: 0
}
.uk-position-bottom-left {
bottom: 0;
left: 0
}
.uk-position-bottom-right {
bottom: 0;
right: 0
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.uk-position-relative {
position: relative !important
}
.uk-position-z-index {
z-index: 1
}
.uk-display-block {
display: block !important
}
.uk-display-inline {
display: inline !important
}
.uk-display-inline-block {
display: inline-block !important;
max-width: 100%
}
@media (min-width:960px) {
.uk-visible-small {
display: none !important
}
.uk-visible-medium {
display: none !important
}
.uk-hidden-large {
display: none !important
}
}
@media (min-width:768px) and (max-width:959px) {
.uk-visible-small {
display: none !important
}
.uk-visible-large {
display: none !important
}
.uk-hidden-medium {
display: none !important
}
}
@media (max-width:767px) {
.uk-visible-medium {
display: none !important
}
.uk-visible-large {
display: none !important
}
.uk-hidden-small {
display: none !important
}
}
.uk-hidden {
display: none !important;
visibility: hidden !important
}
.uk-invisible {
visibility: hidden !important
}
.uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible {
display: block !important;
visibility: visible !important
}
.uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible {
display: inline-block !important;
visibility: visible !important
}
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch {
display: none !important
}
.uk-flex {
display: -ms-flexbox;
display: flex
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: inline-flex
}
.uk-flex-inline > *, .uk-flex > * {
-ms-flex-negative: 1
}
.uk-flex-top {
-ms-flex-align: start;
align-items: flex-start
}
.uk-flex-middle {
-ms-flex-align: center;
align-items: center
}
.uk-flex-bottom {
-ms-flex-align: end;
align-items: flex-end
}
.uk-flex-center {
-ms-flex-pack: center;
justify-content: center
}
.uk-flex-right {
-ms-flex-pack: end;
justify-content: flex-end
}
.uk-flex-space-between {
-ms-flex-pack: justify;
justify-content: space-between
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.uk-flex-column {
-ms-flex-direction: column;
flex-direction: column
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
align-content: flex-start
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
align-content: center
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
align-content: flex-end
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
.uk-flex-order-first {
-ms-flex-order: -1;
order: -1
}
.uk-flex-order-last {
-ms-flex-order: 99;
order: 99
}
@media (min-width:480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
order: -1
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
order: 99
}
}
@media (min-width:768px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
order: -1
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
order: 99
}
}
@media (min-width:960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
order: -1
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
order: 99
}
}
@media (min-width:1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
order: -1
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
order: 99
}
}
.uk-flex-item-none {
-ms-flex: none;
flex: none
}
.uk-flex-item-auto {
-ms-flex: auto;
flex: auto;
-ms-flex-negative: 1
}
.uk-flex-item-1 {
-ms-flex: 1;
flex: 1
}
.uk-contrast {
color: #fff
}
.uk-contrast .uk-link, .uk-contrast a:not([class]) {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-link:hover, .uk-contrast a:not([class]):hover {
color: #fff;
text-decoration: underline
}
.uk-contrast :not(pre) > code, .uk-contrast :not(pre) > kbd, .uk-contrast :not(pre) > samp {
color: #fff;
border-color: rgba(255, 255, 255, .2);
background: rgba(255, 255, 255, .1)
}
.uk-contrast em {
color: #fff
}
.uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 {
color: #fff
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav li > a, .uk-contrast .uk-nav li > a:hover {
text-decoration: none
}
.uk-contrast .uk-nav-side > li > a {
color: #fff
}
.uk-contrast .uk-nav-side > li > a:focus, .uk-contrast .uk-nav-side > li > a:hover {
background: rgba(255, 255, 255, .1);
color: #fff;
text-shadow: none
}
.uk-contrast .uk-nav-side > li.uk-active > a {
background: #fff;
color: #444;
text-shadow: none
}
.uk-contrast .uk-nav-side .uk-nav-header {
color: #fff
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-nav-side ul a:hover {
color: #fff
}
.uk-contrast .uk-subnav > * > a {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-subnav > * > a:focus, .uk-contrast .uk-subnav > * > a:hover {
color: #fff;
text-decoration: none
}
.uk-contrast .uk-subnav > .uk-active > a {
color: #fff
}
.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-subnav-pill > * > a:focus, .uk-contrast .uk-subnav-pill > * > a:hover {
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-subnav-pill > .uk-active > a {
background: #fff;
color: #444
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab > li > a {
border-color: transparent;
color: rgba(255, 255, 255, .7);
text-shadow: none
}
.uk-contrast .uk-tab > li.uk-open > a, .uk-contrast .uk-tab > li > a:focus, .uk-contrast .uk-tab > li > a:hover {
border-color: rgba(255, 255, 255, .7);
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-tab > li.uk-active > a {
border-color: rgba(255, 255, 255, .2);
border-bottom-color: transparent;
background: #fff;
color: #444
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab-grid:before {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-list-line > li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-form input:not([type]), .uk-contrast .uk-form input[type=text], .uk-contrast .uk-form input[type=password], .uk-contrast .uk-form input[type=email], .uk-contrast .uk-form input[type=url], .uk-contrast .uk-form input[type=search], .uk-contrast .uk-form input[type=tel], .uk-contrast .uk-form input[type=number], .uk-contrast .uk-form input[type=datetime], .uk-contrast .uk-form input[type=datetime-local], .uk-contrast .uk-form input[type=date], .uk-contrast .uk-form input[type=month], .uk-contrast .uk-form input[type=time], .uk-contrast .uk-form input[type=week], .uk-contrast .uk-form input[type=color], .uk-contrast .uk-form select, .uk-contrast .uk-form textarea {
border-color: rgba(255, 255, 255, .8);
background: rgba(255, 255, 255, .8);
color: #444;
background-clip: padding-box
}
.uk-contrast .uk-form input:not([type]):focus, .uk-contrast .uk-form input[type=text]:focus, .uk-contrast .uk-form input[type=password]:focus, .uk-contrast .uk-form input[type=email]:focus, .uk-contrast .uk-form input[type=url]:focus, .uk-contrast .uk-form input[type=search]:focus, .uk-contrast .uk-form input[type=tel]:focus, .uk-contrast .uk-form input[type=number]:focus, .uk-contrast .uk-form input[type=datetime]:focus, .uk-contrast .uk-form input[type=datetime-local]:focus, .uk-contrast .uk-form input[type=date]:focus, .uk-contrast .uk-form input[type=month]:focus, .uk-contrast .uk-form input[type=time]:focus, .uk-contrast .uk-form input[type=week]:focus, .uk-contrast .uk-form input[type=color]:focus, .uk-contrast .uk-form select:focus, .uk-contrast .uk-form textarea:focus {
border-color: #fff;
background: #fff;
color: #444
}
.uk-contrast .uk-form :-ms-input-placeholder {
color: rgba(68, 68, 68, .7) !important
}
.uk-contrast .uk-form ::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-form ::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-button {
color: #444;
background: #fff;
border-color: transparent
}
.uk-contrast .uk-button:focus, .uk-contrast .uk-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-button.uk-active, .uk-contrast .uk-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444
}
.uk-contrast .uk-button-primary {
background-color: #00a3cb;
color: #fff
}
.uk-contrast .uk-button-primary:focus, .uk-contrast .uk-button-primary:hover {
background-color: #00b3df;
color: #fff
}
.uk-contrast .uk-button-primary.uk-active, .uk-contrast .uk-button-primary:active {
background-color: #0093b7;
color: #fff
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-icon-hover:hover {
color: #fff
}
.uk-contrast .uk-icon-button {
background: #fff;
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:focus, .uk-contrast .uk-icon-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, .6) !important
}
.uk-contrast .uk-text-primary {
color: #3b4b58 !important
}
@media print {
*, :after, :before {
background: 0 0 !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
.uk-accordion-title {
margin-top: 0;
margin-bottom: 15px;
padding: 5px 15px;
background: #fbfbfb;
font-size: 18px;
line-height: 24px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 3px
}
.uk-accordion-content {
padding: 0 15px 15px 15px
}
.uk-accordion-content:after, .uk-accordion-content:before {
content: "";
display: table
}
.uk-accordion-content:after {
clear: both
}
.uk-accordion-content > :last-child {
margin-bottom: 0
}
.uk-autocomplete {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-dropdown-flip {
left: auto;
right: 0
}
.uk-nav-autocomplete > li > a {
color: #444
}
.uk-nav-autocomplete > li.uk-active > a {
background: #1d8acb;
color: #fff;
outline: 0;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-nav-autocomplete .uk-nav-header {
color: #848484
}
.uk-nav-autocomplete .uk-nav-divider {
border-top: 1px solid #ddd
}
.uk-datepicker {
z-index: 1050;
width: auto;
animation: uk-fade .2s ease-in-out;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-datepicker-nav {
margin-bottom: 15px;
text-align: center;
line-height: 20px
}
.uk-datepicker-nav:after, .uk-datepicker-nav:before {
content: "";
display: table
}
.uk-datepicker-nav:after {
clear: both
}
.uk-datepicker-nav a {
color: #444;
text-decoration: none
}
.uk-datepicker-nav a:hover {
color: #444
}
.uk-datepicker-previous {
float: left
}
.uk-datepicker-next {
float: right
}
.uk-datepicker-next:after, .uk-datepicker-previous:after {
width: 20px;
font-family: FontAwesome
}
.uk-datepicker-previous:after {
content: "\f053"
}
.uk-datepicker-next:after {
content: "\f054"
}
.uk-datepicker-table {
width: 100%
}
.uk-datepicker-table td, .uk-datepicker-table th {
padding: 2px
}
.uk-datepicker-table th {
font-size: 12px
}
.uk-datepicker-table a {
display: block;
width: 26px;
line-height: 24px;
text-align: center;
color: #444;
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px
}
a.uk-datepicker-table-muted {
color: #848484
}
.uk-datepicker-table a:focus, .uk-datepicker-table a:hover {
background-color: #eee;
color: #444;
outline: 0;
border-color: rgba(0, 0, 0, .16);
text-shadow: 0 1px 0 #fff
}
.uk-datepicker-table a:active {
background-color: #e2e2e2;
color: #444
}
.uk-datepicker-table a.uk-active {
background: #1d8acb;
color: #fff;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-dotnav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-top: -15px;
padding: 0;
list-style: none
}
.uk-dotnav > * {
-ms-flex: none;
flex: none;
padding-left: 15px;
margin-top: 15px
}
.uk-dotnav:after, .uk-dotnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-dotnav:after {
clear: both
}
.uk-dotnav > * {
float: left
}
.uk-dotnav > * > * {
display: block;
box-sizing: content-box;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(50, 50, 50, .1);
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
transition: all .2s ease-in-out
}
.uk-dotnav > * > :focus, .uk-dotnav > * > :hover {
background: rgba(50, 50, 50, .4);
outline: 0
}
.uk-dotnav > * > :active {
background: rgba(50, 50, 50, .6)
}
.uk-dotnav > .uk-active > * {
background: rgba(50, 50, 50, .4);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.uk-dotnav-contrast > * > * {
background: rgba(255, 255, 255, .4)
}
.uk-dotnav-contrast > * > :focus, .uk-dotnav-contrast > * > :hover {
background: rgba(255, 255, 255, .7)
}
.uk-dotnav-contrast > * > :active {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-contrast > .uk-active > * {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-vertical {
-ms-flex-direction: column;
flex-direction: column
}
.uk-dotnav-vertical > * {
float: none
}
.uk-form input[type=checkbox], .uk-form input[type=radio] {
display: inline-block;
height: 18px;
width: 18px;
border: 1px solid #b0b0b0;
overflow: hidden;
margin-top: -3px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: #fff;
border-radius: 2px;
font-weight: 400;
transition: color ease-in-out .1s, background ease-in-out .1s, border-color ease-in-out .1s, box-shadow ease-in-out .1s
}
.uk-form input[type=checkbox]:focus, .uk-form input[type=radio]:focus {
border-color: #44bcda;
box-shadow: 0 0 3px 0 #44bcda
}
.uk-form input[type=checkbox]:checked, .uk-form input[type=radio]:checked {
background: #ebf7fa;
border-color: #44bcda
}
.uk-form input[type=checkbox]:checked:focus, .uk-form input[type=radio]:checked:focus {
border-color: #495d6d
}
.uk-form input[type=radio] {
border-radius: 50%
}
.uk-form input[type=checkbox]:before, .uk-form input[type=radio]:before {
display: block
}
.uk-form input[type=radio]:checked:before {
margin: 4px auto 0;
border-radius: 50%;
background: #495d6d;
content: none;
height: 0;
width: 0
}
.uk-form input[type=checkbox]:checked:before, .uk-form input[type=checkbox]:indeterminate:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 12px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 16px;
color: #495d6d
}
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f068"
}
.uk-form input[type=checkbox]:disabled, .uk-form input[type=radio]:disabled {
border-color: #dadada;
background: #f4f4f4
}
.uk-form input[type=checkbox]:disabled:checked, .uk-form input[type=checkbox]:disabled:indeterminate, .uk-form input[type=radio]:disabled:checked, .uk-form input[type=radio]:disabled:indeterminate {
background: #f4f4f4
}
.uk-form input[type=radio]:disabled:checked:before {
background-color: #777
}
.uk-form input[type=checkbox]:disabled:checked:before, .uk-form input[type=checkbox]:disabled:indeterminate:before {
color: #777
}
.uk-form input[type=radio]:checked {
box-shadow: inset 0 0 0 4px #ebf7fa, inset 0 0 0 16px #495d6d
}
.uk-form input[type=radio]:checked:focus {
box-shadow: inset 0 0 0 4px #ebf7fa, inset 0 0 0 16px #495d6d, 0 0 3px 0 #44bcda
}
.uk-form input[type=radio]:checked:disabled {
background: #777;
box-shadow: inset 0 0 0 4px #f4f4f4, inset 0 0 0 16px #777
}
.uk-form input[type=checkbox]:indeterminate {
background: #ebf7fa;
color: #495d6d;
content: "\f068"
}
:root .uk-form input[type=checkbox].uk-checkbox, :root .uk-form input[type=radio].uk-radio {
left: -999em;
overflow: hidden;
position: absolute;
top: auto
}
:root .uk-form input[type=checkbox].uk-checkbox + label:before, :root .uk-form input[type=radio].uk-radio + label:before {
background: #fff;
border: 1px solid #b0b0b0;
box-sizing: border-box;
color: transparent;
content: '';
cursor: pointer;
display: inline-block;
font-family: FontAwesome;
font-size: 12px;
font-weight: 400;
height: 18px;
line-height: 16px;
margin-right: 5px;
position: relative;
text-align: center;
top: 2px;
transition: color ease-in-out .1s, background ease-in-out .1s, border-color ease-in-out .1s, box-shadow ease-in-out .1s;
vertical-align: top;
width: 18px;
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important
}
:root .uk-form input[type=checkbox].uk-checkbox:focus + label:before, :root .uk-form input[type=radio].uk-radio:focus + label:before {
border-color: #44bcda;
box-shadow: 0 0 3px 0 #44bcda
}
:root .uk-form input[type=checkbox].uk-checkbox:checked + label:before, :root .uk-form input[type=radio].uk-radio:checked + label:before {
background: #ebf7fa;
border-color: #44bcda;
color: #495d6d
}
:root .uk-form input[type=checkbox].uk-checkbox:checked:focus + label:before, :root .uk-form input[type=radio].uk-radio:checked:focus + label:before {
border-color: #495d6d
}
:root .uk-form input[type=checkbox].uk-checkbox:disabled + label:before, :root .uk-form input[type=checkbox].uk-checkbox:disabled:indeterminate + label:before, :root .uk-form input[type=radio].uk-radio:disabled + label:before, :root .uk-form input[type=radio].uk-radio:disabled:indeterminate + label:before {
background: #f4f4f4;
border-color: #dadada;
color: #777;
cursor: default
}
:root .uk-form input[type=radio].uk-radio + label:before {
border-radius: 18px
}
:root .uk-form input[type=radio].uk-radio:checked + label:before {
box-shadow: inset 0 0 0 4px #ebf7fa, inset 0 0 0 16px #495d6d
}
:root .uk-form input[type=radio].uk-radio:checked:focus + label:before {
box-shadow: inset 0 0 0 4px #ebf7fa, inset 0 0 0 16px #495d6d, 0 0 3px 0 #44bcda
}
:root .uk-form input[type=radio].uk-radio:checked:disabled + label:before {
box-shadow: inset 0 0 0 4px #f4f4f4, inset 0 0 0 16px #777
}
:root .uk-form input[type=checkbox].uk-checkbox + label:before {
border-radius: 2px
}
:root .uk-form input[type=checkbox].uk-checkbox:checked + label:before {
content: "\f00c"
}
:root .uk-form input[type=checkbox].uk-checkbox:indeterminate + label:before {
background: #ebf7fa;
color: #495d6d;
content: "\f068"
}
:root .uk-table .uk-form input[type=checkbox].uk-checkbox + label:before, :root .uk-table .uk-form input[type=radio].uk-radio + label:before {
top: 1px
}
:root .uk-table-expanded td .uk-form input[type=checkbox].uk-checkbox + label:before, :root .uk-table-expanded td .uk-form input[type=radio].uk-radio + label:before {
top: 10px
}
.uk-form-file {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-file input[type=file] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: 0;
cursor: pointer;
left: 0;
font-size: 500px
}
.uk-form-password {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-password-toggle {
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
font-size: 13px;
line-height: 13px;
color: #848484
}
.uk-form-password-toggle:hover {
color: #848484;
text-decoration: none
}
.uk-form-password > input {
padding-right: 50px !important
}
.uk-form-select {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-select select {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
left: 0;
-webkit-appearance: none
}
.uk-htmleditor-navbar {
background: #fbfbfb;
border: 1px solid rgba(0, 0, 0, .06);
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.uk-htmleditor-navbar:after, .uk-htmleditor-navbar:before {
content: "";
display: table
}
.uk-htmleditor-navbar:after {
clear: both
}
.uk-htmleditor-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.uk-htmleditor-navbar-nav > li {
float: left
}
.uk-htmleditor-navbar-nav > li > a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 41px;
padding: 0 15px;
line-height: 40px;
color: #444;
font-size: 11px;
cursor: pointer;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
text-shadow: 0 1px 0 #fff
}
.uk-htmleditor-navbar-nav > li:hover > a, .uk-htmleditor-navbar-nav > li > a:focus {
background-color: #eee;
color: #444;
outline: 0;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav > li > a:active {
background-color: #e2e2e2;
color: #444;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2)
}
.uk-htmleditor-navbar-nav > li.uk-active > a {
background-color: #eee;
color: #444;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-flip {
float: right
}
[data-mode=split] .uk-htmleditor-button-code, [data-mode=split] .uk-htmleditor-button-preview {
display: none
}
.uk-htmleditor-content {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.uk-htmleditor-content:after, .uk-htmleditor-content:before {
content: "";
display: table
}
.uk-htmleditor-content:after {
clear: both
}
.uk-htmleditor-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0
}
.uk-htmleditor-fullscreen .uk-icon-expand:before {
content: "\f066"
}
.uk-htmleditor-code, .uk-htmleditor-preview {
box-sizing: border-box
}
.uk-htmleditor-preview {
padding: 20px;
overflow-y: scroll;
position: relative
}
[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview, [data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
display: none
}
[data-mode=split] .uk-htmleditor-code, [data-mode=split] .uk-htmleditor-preview {
float: left;
width: 50%
}
[data-mode=split] .uk-htmleditor-code {
border-right: 1px solid #eee
}
.uk-htmleditor-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.uk-htmleditor .CodeMirror {
padding: 10px;
box-sizing: border-box
}
.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
border-top-left-radius: 3px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
margin-left: 0;
margin-right: -1px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
border-top-left-radius: 0
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
border-top-right-radius: 3px
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
border: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
border-radius: 0 !important
}
.uk-nestable {
padding: 0;
list-style: none
}
.uk-nestable a, .uk-nestable img {
-webkit-touch-callout: none
}
.uk-nestable-list {
margin: 0;
padding-left: 40px;
list-style: none
}
.uk-nestable-item {
-ms-touch-action: none;
touch-action: none
}
.uk-nestable-item + .uk-nestable-item {
margin-top: 10px
}
.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
margin-top: 10px
}
.uk-nestable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none;
padding-left: 0
}
.uk-nestable-placeholder {
position: relative
}
.uk-nestable-placeholder > * {
opacity: 0
}
.uk-nestable-placeholder:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #ddd;
opacity: 1
}
.uk-nestable-empty {
min-height: 30px
}
.uk-nestable-handle {
-ms-touch-action: none;
touch-action: none
}
.uk-nestable-handle:hover {
cursor: move
}
.uk-nestable-moving, .uk-nestable-moving * {
cursor: move
}
.uk-nestable-moving iframe {
pointer-events: none
}
[data-nestable-action=toggle] {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-nestable-toggle {
display: inline-block;
visibility: hidden
}
.uk-nestable-toggle:after {
content: "\f147";
font-family: FontAwesome
}
.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
visibility: visible
}
.uk-collapsed .uk-nestable-list {
display: none
}
.uk-collapsed .uk-nestable-toggle:after {
content: "\f196"
}
.uk-nestable-panel {
padding: 5px;
background: #fbfbfb;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, .06);
text-shadow: 0 1px 0 #fff
}
.uk-notify {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px;
font-weight: 600
}
.uk-notify:not(.uk-notify-top-center) .uk-notify-message {
border-radius: 2px
}
.uk-notify-bottom-right, .uk-notify-top-right {
left: auto;
right: 10px
}
.uk-notify-bottom-center, .uk-notify-top-center {
left: 50%;
margin-left: -175px
}
.uk-notify-bottom-center, .uk-notify-bottom-left, .uk-notify-bottom-right {
top: auto;
bottom: 10px
}
@media (max-width:479px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0
}
}
.uk-notify-message {
position: relative;
margin-bottom: 10px;
padding: 20px;
background: #444;
color: #fff;
font-size: 16px;
line-height: 22px;
cursor: pointer;
border: 1px solid #444;
border-radius: 3px
}
.uk-notify-message > .uk-close {
visibility: hidden;
float: right
}
.uk-notify-message:hover > .uk-close {
visibility: visible
}
.uk-notify-message-primary {
background: #e8edf0;
color: #444;
border-color: rgba(68, 68, 68, .3)
}
.uk-notify-message-success {
background: #7ab500;
color: #fff;
border-color: rgba(255, 255, 255, .3)
}
.uk-notify-message-warning {
background: #ff8e41;
color: #fff;
border-color: rgba(255, 255, 255, .3)
}
.uk-notify-message-danger {
background: #ff5050;
color: #fff;
border-color: rgba(255, 255, 255, .3)
}
.uk-notify-top-center {
left: 0;
margin-left: 0;
right: 0;
text-align: center;
top: 0;
width: 100%
}
.uk-notify-top-center .uk-notify-message {
border-top: 3px solid transparent;
margin-bottom: 0;
padding-top: 17px
}
.uk-notify-top-center .uk-notify-message + .uk-notify-message:before, .uk-notify-top-center .uk-notify-message:after {
border-top: 1px solid rgba(0, 0, 0, .3);
border-bottom: 1px solid rgba(0, 0, 0, .125);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .0375);
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
top: -3px;
width: 100%
}
.uk-notify-top-center .uk-notify-message:after {
bottom: -2px;
top: auto
}
.uk-notify-top-center .uk-notify-message:first-child {
border: 0;
padding-top: 20px
}
.uk-placeholder {
margin-bottom: 15px;
padding: 14px;
border: 1px dashed #ddd;
background: #fafafa;
color: #444;
border-radius: 4px;
border-width: 2px
}
* + .uk-placeholder {
margin-top: 15px
}
.uk-placeholder > :last-child {
margin-bottom: 0
}
.uk-placeholder-large {
padding-top: 80px;
padding-bottom: 80px
}
.uk-progress {
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #f5f5f5;
overflow: hidden;
line-height: 20px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
border-radius: 3px;
border-radius: 2px
}
* + .uk-progress {
margin-top: 15px
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #1d8acb;
float: left;
transition: width .6s ease;
font-size: 12px;
color: #fff;
text-align: center;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-progress-mini {
height: 6px
}
.uk-progress-small {
height: 12px
}
.uk-progress-success .uk-progress-bar {
background-color: #659f13
}
.uk-progress-warning .uk-progress-bar {
background-color: #e28327
}
.uk-progress-danger .uk-progress-bar {
background-color: #d85030
}
.uk-progress-striped .uk-progress-bar {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 30px 30px
}
.uk-progress-striped.uk-active .uk-progress-bar {
animation: uk-progress-bar-stripes 2s linear infinite
}
@keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
.uk-progress-mini, .uk-progress-small {
border-radius: 500px
}
.uk-search {
display: inline-block;
position: relative;
margin: 0
}
.uk-search:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: 30px;
text-align: center;
font-family: FontAwesome;
font-size: 14px;
color: rgba(0, 0, 0, .2)
}
.uk-search-field::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-search-field::-webkit-search-cancel-button, .uk-search-field::-webkit-search-decoration {
-webkit-appearance: none
}
.uk-search-field::-ms-clear {
display: none
}
.uk-search-field::-moz-placeholder {
opacity: 1
}
.uk-search-field {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: #444;
-webkit-appearance: none;
width: 120px;
height: 30px;
padding: 0 0 0 30px;
border: 1px solid transparent;
background: rgba(0, 0, 0, 0);
transition: all .2s linear;
vertical-align: middle
}
.uk-search-field:-ms-input-placeholder {
color: #848484 !important
}
.uk-search-field::-moz-placeholder {
color: #848484
}
.uk-search-field::-webkit-input-placeholder {
color: #848484
}
.uk-search-field:focus {
outline: 0
}
.uk-search-field:focus, .uk-search.uk-active .uk-search-field {
width: 180px
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: #fff;
color: #444
}
.uk-open > .uk-dropdown-search {
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 12px;
margin-right: -16px
}
.uk-nav-search > li > a {
color: #444
}
.uk-nav-search > li.uk-active > a {
background: #1d8acb;
color: #fff;
outline: 0;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.uk-nav-search .uk-nav-header {
color: #848484
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #ddd
}
.uk-nav-search ul a {
color: #1d8acb
}
.uk-nav-search ul a:hover {
color: #176c9e
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px
}
.uk-offcanvas .uk-search:before {
color: #777
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: transparent;
background: #1a1a1a;
color: #ccc
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777 !important
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777
}
.uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 60px;
height: 60px;
line-height: 60px;
color: rgba(50, 50, 50, .4);
font-size: 60px;
text-align: center
}
.uk-slidenav:focus, .uk-slidenav:hover {
outline: 0;
text-decoration: none;
color: rgba(50, 50, 50, .7);
cursor: pointer
}
.uk-slidenav:active {
color: rgba(50, 50, 50, .9)
}
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome
}
.uk-slidenav-position {
position: relative
}
.uk-slidenav-position .uk-slidenav {
display: none;
position: absolute;
top: 50%;
z-index: 1;
margin-top: -30px
}
.uk-slidenav-position:hover .uk-slidenav {
display: block
}
.uk-slidenav-position .uk-slidenav-previous {
left: 20px
}
.uk-slidenav-position .uk-slidenav-next {
right: 20px
}
.uk-slidenav-contrast {
color: rgba(255, 255, 255, .5)
}
.uk-slidenav-contrast:focus, .uk-slidenav-contrast:hover {
color: rgba(255, 255, 255, .7)
}
.uk-slidenav-contrast:active {
color: rgba(255, 255, 255, .9)
}
.uk-slideshow {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
-ms-touch-action: pan-y;
touch-action: pan-y
}
.uk-slideshow > li {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0
}
.uk-slideshow > .uk-active {
z-index: 10;
opacity: 1
}
.uk-slideshow > li > img {
visibility: hidden
}
[data-uk-slideshow-slide] {
cursor: pointer
}
.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
height: 100vh
}
.uk-slideshow-fade-in {
animation: uk-fade .5s linear
}
.uk-slideshow-fade-out {
animation: uk-fade .5s linear reverse
}
.uk-slideshow-scroll-forward-in {
animation: uk-slide-right .5s ease-in-out
}
.uk-slideshow-scroll-forward-out {
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-scroll-backward-in {
animation: uk-slide-left .5s ease-in-out
}
.uk-slideshow-scroll-backward-out {
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-scale-out {
animation: uk-fade-scale-15 .5s ease-in-out reverse
}
.uk-slideshow-swipe-forward-in {
animation: uk-slide-left-33 .5s ease-in-out
}
.uk-slideshow-swipe-forward-out {
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in {
animation: uk-slide-right-33 .5s ease-in-out
}
.uk-slideshow-swipe-backward-out {
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in:before, .uk-slideshow-swipe-forward-in:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, .6);
animation: uk-fade .5s ease-in-out reverse
}
.uk-sortable {
position: relative
}
.uk-sortable > * {
-ms-touch-action: none;
touch-action: none
}
.uk-sortable a, .uk-sortable img {
-webkit-touch-callout: none
}
.uk-sortable > :last-child {
margin-bottom: 0
}
.uk-sortable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none
}
.uk-sortable-placeholder {
opacity: 0
}
.uk-sortable-empty {
min-height: 30px
}
.uk-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.uk-sortable-handle:hover {
cursor: move
}
.uk-sortable-moving, .uk-sortable-moving * {
cursor: move
}
.uk-sortable-moving iframe {
pointer-events: none
}
[data-uk-sticky].uk-active {
z-index: 980;
box-sizing: border-box;
-webkit-backface-visibility: hidden
}
[data-uk-sticky][class*=uk-animation-] {
animation-duration: .2s
}
[data-uk-sticky].uk-animation-reverse {
animation-duration: .2s
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 300px;
background: rgba(0, 0, 0, .25);
color: #444;
font-size: 13px;
line-height: 19px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
padding: 0
}
.uk-tooltip:before {
z-index: 1031
}
.uk-tooltip .uk-tooltip-inner {
background: #fff;
border-radius: 2px;
font-weight: 400;
margin: 1px;
padding: 5px 8px
}
.uk-tooltip .uk-tooltip-header {
color: #495d6d;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 8px dashed rgba(0, 0, 0, .25)
}
.uk-tooltip-top-left:after, .uk-tooltip-top-right:after, .uk-tooltip-top:after {
bottom: -8px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: rgba(0, 0, 0, .25)
}
.uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after, .uk-tooltip-bottom:after {
top: -8px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: rgba(0, 0, 0, .25)
}
.uk-tooltip-bottom:after, .uk-tooltip-top:after {
left: 50%;
margin-left: -8px
}
.uk-tooltip-bottom-left:after, .uk-tooltip-top-left:after {
left: 10px
}
.uk-tooltip-bottom-right:after, .uk-tooltip-top-right:after {
right: 10px
}
.uk-tooltip-left:after {
right: -8px;
top: 50%;
margin-top: -8px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: rgba(0, 0, 0, .25)
}
.uk-tooltip-right:after {
left: -8px;
top: 50%;
margin-top: -8px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: rgba(0, 0, 0, .25)
}
.uk-tooltip:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 8px dashed #fff
}
.uk-tooltip-top-left:before, .uk-tooltip-top-right:before, .uk-tooltip-top:before {
bottom: -6px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.uk-tooltip-bottom-left:before, .uk-tooltip-bottom-right:before, .uk-tooltip-bottom:before {
top: -6px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.uk-tooltip-bottom:before, .uk-tooltip-top:before {
left: 50%;
margin-left: -8px
}
.uk-tooltip-bottom-left:before, .uk-tooltip-top-left:before {
left: 10px
}
.uk-tooltip-bottom-right:before, .uk-tooltip-top-right:before {
right: 10px
}
.uk-tooltip-left:before {
right: -6px;
top: 50%;
margin-top: -8px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent
}
.uk-tooltip-right:before {
left: -6px;
top: 50%;
margin-top: -8px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent
}
[class*=uk-tooltip-top] {
margin-top: -2px
}
[class*=uk-tooltip-right] {
margin-left: 2px
}
[class*=uk-tooltip-bottom] {
margin-top: 2px
}
[class*=uk-tooltip-left] {
margin-left: -2px
}
.uk-dragover {
box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}
.uk-navbar-nav > li > a[href='#'] {
cursor: pointer
}
.uk-badge-callout {
background-color: #fce300;
color: #444
}
.uk-badge-outline {
background-color: #fff;
box-shadow: inset 0 0 0 1px #c9c9c9
}
.uk-badge-small {
padding: 0 5px;
font-size: 10px;
font-weight: 600;
line-height: 15px
}
.uk-badge-small.uk-badge-notification {
min-width: 15px
}
.uk-badge-large {
padding: 0 15px;
font-size: 14px;
font-weight: 700;
line-height: 25px
}
.uk-badge-large.uk-badge-notification {
min-width: 25px
}
.uk-button-callout {
background-color: #fce300;
border-color: #e3cc00;
color: #444
}
.uk-button-callout:disabled {
background-color: #fef7b3;
border-color: #f6f0b3;
color: #b4b4b4
}
.uk-button-callout:focus, .uk-button-callout:hover {
background-color: #ffec3d;
border-color: #efd800;
color: #444
}
.uk-button-callout:focus:disabled, .uk-button-callout:hover:disabled {
background-color: #fef7b3;
border-color: #f6f0b3;
color: #b4b4b4
}
.uk-button-callout.uk-active, .uk-button-callout:active {
background-color: #efd800;
border-color: #d6c100;
color: #444
}
.uk-button-callout.uk-active:disabled, .uk-button-callout:active:disabled {
background-color: #fef7b3;
border-color: #f6f0b3;
color: #b4b4b4
}
.uk-button-group-switch {
background: #f4f4f4;
border: 1px solid #ddd;
border-radius: 999px
}
.uk-button-group-switch > .uk-button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800;
background: 0 0;
border-color: transparent;
border-radius: 999px;
color: #8b8b8b;
font-size: 14px;
line-height: 34px
}
.uk-button-group-switch > .uk-button:focus, .uk-button-group-switch > .uk-button:hover {
color: #444
}
.uk-button-group-switch > .uk-button:active {
color: #444
}
.uk-button-group-switch > .uk-button.uk-active {
background-color: #495d6d;
background-clip: padding-box;
color: #fff
}
.uk-button-group-switch > .uk-button.uk-active:focus, .uk-button-group-switch > .uk-button.uk-active:hover {
background-color: #637582
}
.uk-button-group-switch > .uk-button.uk-active:active {
background-color: #3b4b58
}
.uk-button-group-switch > .uk-button-mini {
font-size: 10px;
line-height: 20px
}
.uk-button-group-switch > .uk-button-small {
font-size: 12px;
line-height: 28px
}
.uk-button-group-switch > .uk-button-large {
font-size: 16px;
line-height: 42px
}
.uk-dropdown-navbar.uk-dropdown-flip {
left: auto
}
.uk-icon-cc-visa:before {
color: #0157a2
}
.uk-icon-cc-mastercard:before {
color: #0a3a82
}
.uk-icon-cc-discover:before {
color: #f68121
}
.uk-icon-cc-amex:before {
color: #007bc1
}
.uk-icon-cc-paypal:before {
color: #253b80
}
.uk-icon-cc-stripe:before {
color: #00afe1
}
.uk-list-line.uk-list-space > li:nth-child(n+2) {
padding-top: 10px
}
.uk-nav-offcanvas {
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-panel-box-callout {
background-color: #fffdeb;
border-color: #fdf17f
}
.uk-panel-box-callout:hover {
color: #444
}
.uk-panel-box-success {
background-color: #f3f9e4;
border-color: #cce78e
}
.uk-panel-box-success:hover {
color: #444
}
.uk-panel-box-danger {
background-color: #fff1f1;
border-color: #ffdcdc
}
.uk-panel-box-danger:hover {
color: #444
}
.uk-text-default-case {
text-transform: none !important
}
.uk-text-default-color {
color: #444 !important
}
.uk-text-default-family {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}
.uk-text-default-line-height {
line-height: 22px !important
}
.uk-text-default-size {
font-size: 16px !important
}
.uk-text-default-weight {
font-weight: 300 !important
}
.uk-text-semi-small {
font-size: 14px;
font-weight: 400;
line-height: 18px
}
.uk-text-wrap {
white-space: normal
}
.uk-text-underline {
text-decoration: underline !important
}
.uk-text-underline-dashed {
border-bottom: 1px dashed currentColor !important
}
.uk-text-smooth {
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important
}
.uk-text-secondary {
color: #60c !important
}
.uk-text-reserve:after {
content: '\00a0';
display: inline
}
.uk-text-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.uk-text-hidden.uk-focusable:active, .uk-text-hidden.uk-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.chosen-container {
font-size: 1rem
}
.chosen-container .chosen-drop {
border-color: #b0b0b0;
box-shadow: 0 2px 2px -2px #44bcda, 2px 1px 2px -2px #44bcda, -2px 1px 2px -2px #44bcda;
transition: border-color ease-in-out .1s
}
.chosen-container .chosen-results li {
line-height: 22px;
padding: 4px 6px
}
.chosen-container .chosen-results li.disabled-result {
color: #848484
}
.chosen-container .chosen-results li.highlighted {
background: #495d6d
}
.chosen-container .chosen-results li em {
color: inherit;
font-weight: 700
}
.chosen-container .chosen-results li.group-option {
padding-left: 16px
}
.chosen-container-single .chosen-single {
background: #fff;
border: 1px solid #b0b0b0;
border-radius: 2px;
box-shadow: none;
height: 36px;
padding: 5px 0 5px 11px;
transition: background-color ease-in-out .1s, border-color ease-in-out .1s
}
.chosen-container-single .chosen-single span {
margin-right: 28px
}
.chosen-container-single .chosen-single abbr {
background: url(../img/chosen-sprite.png) -41px 1px no-repeat;
top: 11px;
right: 28px
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -41px -11px
}
.chosen-container-single .chosen-single div {
right: 2px
}
.chosen-container-single .chosen-single div b {
background-position: 0 8px
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -41px -11px
}
.chosen-container-single .chosen-search {
padding: 4px 6px
}
.chosen-container-single .chosen-search input[type=text] {
background: #fff url(../img/chosen-sprite.png) no-repeat -26px -23px;
border: 1px solid #44bcda;
border-radius: 2px;
font: inherit;
height: 36px;
padding: 6px 6px 6px 22px
}
.chosen-container-multi .chosen-choices {
background: #fff;
border: 1px solid #b0b0b0;
border-radius: 2px;
min-height: 36px;
padding: 2px 6px;
transition: background-color ease-in-out .1s, border-color ease-in-out .1s
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
font: inherit;
height: 28px;
margin: 1px 0
}
.chosen-container-multi .chosen-choices li.search-choice {
background: #495d6d;
border: 1px solid #495d6d;
border-radius: 2px;
box-shadow: none;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 12px;
margin: 2px 6px 2px -2px;
padding: 6px 26px 6px 8px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
background: url(../img/chosen-sprite.png) 0 -23px no-repeat;
position: absolute;
right: 6px;
top: 6px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: 0 -35px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
background: #f4f4f4;
color: #777
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #34424e;
border-color: #202729
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: 0 -35px
}
.chosen-container-active {
box-shadow: 0 0 2px 0 #44bcda
}
.chosen-container-active.chosen-with-drop {
box-shadow: none
}
.chosen-container-active.chosen-with-drop .chosen-single {
background: #fff;
border-color: #44bcda;
box-shadow: 0 2px 2px 0 #44bcda, 0 -2px 2px -2px #44bcda
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 8px
}
.chosen-container-active.chosen-with-drop .chosen-drop {
border-color: #44bcda
}
.chosen-container-active.chosen-with-drop .chosen-choices {
border-radius: 2px 2px 0 0;
box-shadow: 0 3px 2px 0 #44bcda, 0 -2px 2px -2px #44bcda
}
.chosen-container-active .chosen-choices, .chosen-container-active .chosen-single {
background: #fff;
border: 1px solid #44bcda
}
.chosen-container-active .chosen-choices {
box-shadow: 0 0 2px 0 #44bcda
}
.chosen-container-active .chosen-drop {
border-color: #44bcda;
border-radius: 0 0 2px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) {
.chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
background-size: 52px 46px !important
}
}
#dh-banner {
background: #eee;
height: 50px;
left: 0;
margin-left: inherit;
padding: 0 20px;
position: fixed;
top: 0;
z-index: 105
}
@media (max-width:959px) {
#dh-banner {
padding: 0 10px
}
}
#dh-wrapper {
background: #333;
color: #c6ccd1;
height: 50px;
left: 0;
margin-left: inherit;
position: fixed;
top: 0;
z-index: 100
}
#dh-wrapper:not(.dh-has-taskbar) {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5)
}
#dh-banner ~ #dh-wrapper {
top: 50px
}
#dh-title {
color: #fff;
font-size: 16px;
font-weight: 800;
letter-spacing: .025em;
line-height: 50px;
z-index: 1
}
@media (min-width:480px) {
#dh-title {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
#dh-title.uk-focusable:active, #dh-title.uk-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
}
#dh-logo {
background: url(../img/dyn_header_logo.svg) no-repeat;
background-clip: content-box;
background-origin: content-box;
background-position: 1px 9px;
background-size: auto 32px;
height: 50px;
padding-left: 20px;
width: 100px;
z-index: 100
}
@media (max-width:959px) {
#dh-logo {
padding: 0 10px
}
}
@media (max-width:767px) {
#dh-logo {
width: 34px
}
}
#dh-nub {
background: #000;
line-height: 50px;
height: 50px;
width: 50px;
z-index: 100
}
@media (min-width:480px) {
#dh-nub {
display: none
}
}
#dh-nub-link {
color: #fff;
font-size: 21px;
outline: 0;
text-decoration: none
}
#dh-nub-link [class*=uk-icon-] {
line-height: 50px;
transition: transform .25s ease-in-out, opacity .25s ease-in-out
}
#dh-nub-link .uk-icon-times {
opacity: 0;
-ms-transform: rotate(-.5turn);
transform: rotate(-.5turn)
}
#dh-nub-link.dh-nub-link-open [class*=uk-icon-] {
line-height: 50px
}
#dh-nub-link.dh-nub-link-open .uk-icon-bars {
opacity: 0;
-ms-transform: rotate(.5turn);
transform: rotate(.5turn)
}
#dh-nub-link.dh-nub-link-open .uk-icon-times {
opacity: 1;
-ms-transform: rotate(0turn);
transform: rotate(0turn)
}
#dh-nub-link.uk-active, #dh-nub-link:focus, #dh-nub-link:hover {
color: #fce300
}
#dh-nav {
z-index: 100
}
@media (max-width:479px) {
#dh-nav {
display: none
}
}
#dh-nav-list {
line-height: 50px
}
.dh-nav-item-text {
color: #e8e8e8;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 14px;
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important;
font-weight: 500;
letter-spacing: .025em;
outline: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dh-nav-item-text:focus, .dh-nav-item-text:hover {
color: #fff;
outline: 0;
text-decoration: none
}
.dh-nav-item-text:focus {
text-decoration: underline
}
.dh-nav-item-text:active {
text-decoration: none
}
.dh-nav-item {
min-width: 50px
}
.dh-nav-item [class*=uk-icon-] {
color: #fff;
font-size: 18px;
line-height: 50px
}
.dh-nav-item .dh-nav-item-text:focus [class*=uk-icon-], .dh-nav-item .dh-nav-item-text:hover [class*=uk-icon-] {
color: #fce300
}
.dh-nav-item.uk-active .dh-nav-item-text {
color: #fff
}
.dh-nav-item.uk-active .dh-nav-item-text [class*=uk-icon-] {
color: #fce300
}
.dh-nav-item:not(.dh-nav-menu) .dh-nav-item-text {
padding: 0 15px
}
.dh-nav-item:not(.dh-nav-menu).uk-active .dh-nav-item-text {
color: #fff;
font-weight: 800
}
.dh-nav-item:not(.dh-nav-menu).uk-active .dh-nav-item-text:before {
background: #fce300;
content: '';
display: block;
height: 4px;
left: 10px;
position: absolute;
top: 0;
width: calc(100% - 20px)
}
.dh-subnav-menu {
background: #fff;
box-shadow: 0 0 6px 3px rgba(0, 0, 0, .15);
letter-spacing: .05em;
min-width: 200px;
max-width: 320px;
position: absolute;
right: 0
}
.dh-subnav-menu:before {
border: 9px solid #fff;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
box-sizing: border-box;
content: '';
display: block;
position: absolute;
right: 16px;
top: -9px;
transform: scale3d(.99, 1, 1)
}
.dh-subnav-menu-title {
color: #999;
font-size: 11px;
height: 32px;
line-height: 32px;
padding: 0 20px
}
.dh-subnav-list li {
box-shadow: inset 0 1px 0 0 #f1f1f1
}
.dh-subnav-list a {
color: #444;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 20px;
position: relative;
z-index: 10
}
.dh-subnav-list a:focus, .dh-subnav-list a:hover {
background: #f4f4f4;
text-decoration: none;
outline: 0
}
#dh-nav-account-menu-item {
margin-right: 3px
}
#dh-nav-account-menu-item .dh-subnav-menu {
right: 7px
}
#dh-nav-account-menu-item .dh-subnav-menu:before {
right: 9px
}
#dh-nav-account-menu-link [class*=uk-icon-] {
width: 16px
}
#dh-account-subnav-menu-title-account, #dh-account-subnav-menu-title-username {
height: 20px;
line-height: 20px
}
#dh-account-subnav-menu-title-username {
letter-spacing: 0;
text-overflow: ellipsis
}
#dh-logout {
color: #e8e8e8;
line-height: 50px
}
#dh-logout:focus, #dh-logout:hover {
color: #fff;
outline: 0;
text-decoration: none
}
#dh-logout [class*=uk-icon-] {
color: #fff
}
#dh-hamburger-nav-wrapper {
overflow: auto;
-webkit-tap-highlight-color: transparent
}
#dh-hamburger-nav {
background: #fff;
box-shadow: -3px 0 6px 4px rgba(0, 0, 0, .1);
font-size: 18px;
width: 100vw
}
@media (min-width:480px) {
#dh-hamburger-nav {
max-width: 320px
}
}
#dh-hamburger-nav-list-wrapper {
height: 100%;
overflow: auto;
overflow-x: hidden;
position: relative;
-webkit-overflow-scrolling: touch
}
#dh-hamburger-nav-list {
letter-spacing: .05em
}
#dh-hamburger-nav-list.uk-nav-parent-icon > .uk-parent > a:after {
content: '\f107';
font-family: FontAwesome;
font-size: 20px;
height: 50px;
margin-right: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
transform: rotateX(0);
transition: transform .4s ease-in-out;
width: 50px
}
#dh-hamburger-nav-list.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
content: '\f107';
transform: rotateX(180deg)
}
#dh-hamburger-nav-list li {
box-shadow: inset 0 -1px 0 0 #f1f1f1
}
#dh-hamburger-nav-list .uk-parent.uk-open > a {
background: #f4f4f4
}
#dh-hamburger-nav-list a {
color: #444;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500;
height: 50px;
line-height: 50px;
padding: 0 20px
}
#dh-hamburger-nav-list a:focus, #dh-hamburger-nav-list a:hover {
background: #f4f4f4;
text-decoration: none;
outline: 0
}
#dh-hamburger-nav-list .uk-nav-sub {
background: #f1f1f1;
padding: 0;
position: relative
}
#dh-hamburger-nav-list .uk-nav-sub:after, #dh-hamburger-nav-list .uk-nav-sub:before {
content: '';
display: block;
height: 50px;
position: absolute;
width: 100%
}
#dh-hamburger-nav-list .uk-nav-sub:before {
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .1);
top: -50px
}
#dh-hamburger-nav-list .uk-nav-sub:after {
bottom: -50px;
box-shadow: 0 -6px 4px -2px rgba(0, 0, 0, .1)
}
#dh-hamburger-nav-list .uk-nav-sub li {
box-shadow: inset 0 1px 0 0 #e3e3e3
}
#dh-hamburger-nav-list .uk-nav-sub a {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300
}
#dh-hamburger-nav-list .uk-nav-sub a:focus, #dh-hamburger-nav-list .uk-nav-sub a:hover {
background: #e3e3e3
}
#dh-hamburger-nav-list #dh-account-hamburger-nav-title-account, #dh-hamburger-nav-list #dh-account-hamburger-nav-title-username {
height: 20px;
line-height: 20px
}
#dh-hamburger-nav-list #dh-account-hamburger-nav-title-username {
font-size: 12px;
letter-spacing: 0;
margin-right: 30px;
text-overflow: ellipsis
}
#dt-wrapper {
background: #f9f9f9;
border-bottom: 1px solid #c6ccd1;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 #fff;
box-sizing: content-box;
height: 54px;
left: 0;
margin-left: inherit;
position: fixed;
top: 50px;
z-index: 95
}
#dh-banner ~ #dt-wrapper {
top: 100px
}
#dt-menu {
padding: 12px 20px
}
@media (max-width:959px) {
#dt-menu {
padding: 12px 10px
}
}
#da-wrapper {
box-sizing: border-box;
margin: 50px 0 0;
min-height: calc(100vh - 91px);
padding: 0 20px;
width: 100%
}
@media (max-width:959px) {
#da-wrapper {
margin-left: 0;
padding: 0 10px;
width: 100%
}
}
#dh-banner ~ #da-wrapper {
margin-top: 100px;
min-height: calc(100vh - 141px)
}
#dt-wrapper ~ #da-wrapper {
margin-top: 105px;
min-height: calc(100vh - 146px)
}
#dh-banner ~ #dt-wrapper ~ #da-wrapper {
margin-top: 155px;
min-height: calc(100vh - 196px)
}
#df-wrapper {
border-top: 1px solid #ccc;
box-sizing: border-box;
color: #939393;
font-size: 14px;
line-height: 40px;
margin: 0 20px;
min-height: 40px;
width: calc(100% - 40px)
}
@media (max-width:959px) {
#df-wrapper {
margin: 0 10px;
width: calc(100% - 20px)
}
}
@media (max-width:479px) {
#df-wrapper {
font-size: 12px;
font-weight: 400
}
}
#df-links li + li {
margin-left: 21px;
position: relative
}
#df-links li + li:before {
background: #ccc;
content: '';
display: block;
height: 16px;
left: -11px;
position: absolute;
top: 12px;
width: 1px
}
#df-links a {
color: #939393
}
@media (max-width:959px) {
#df-links li.uk-visible-large + li {
margin: 0
}
#df-links li.uk-visible-large + li:before {
display: none
}
}
@media (max-width:767px) {
#df-links li.uk-hidden-small + li {
margin: 0
}
#df-links li.uk-hidden-small + li:before {
display: none
}
}
.uk-cursor-auto {
cursor: auto !important
}
.uk-cursor-default {
cursor: default !important
}
.uk-cursor-none {
cursor: none !important
}
.uk-cursor-contextmenu {
cursor: context-menu !important
}
.uk-cursor-help {
cursor: help !important
}
.uk-cursor-pointer {
cursor: pointer !important
}
.uk-cursor-progress {
cursor: progress !important
}
.uk-cursor-wait {
cursor: wait !important
}
.uk-cursor-cell {
cursor: cell !important
}
.uk-cursor-crosshair {
cursor: crosshair !important
}
.uk-cursor-text {
cursor: text !important
}
.uk-cursor-verticaltext {
cursor: vertical-text !important
}
.uk-cursor-alias {
cursor: alias !important
}
.uk-cursor-copy {
cursor: copy !important
}
.uk-cursor-move {
cursor: move !important
}
.uk-cursor-nodrop {
cursor: no-drop !important
}
.uk-cursor-notallowed {
cursor: not-allowed !important
}
.uk-cursor-allscroll {
cursor: all-scroll !important
}
.uk-cursor-colresize {
cursor: col-resize !important
}
.uk-cursor-rowresize {
cursor: row-resize !important
}
.uk-cursor-nresize {
cursor: n-resize !important
}
.uk-cursor-eresize {
cursor: e-resize !important
}
.uk-cursor-sresize {
cursor: s-resize !important
}
.uk-cursor-wresize {
cursor: w-resize !important
}
.uk-cursor-neresize {
cursor: ne-resize !important
}
.uk-cursor-nwresize {
cursor: nw-resize !important
}
.uk-cursor-seresize {
cursor: se-resize !important
}
.uk-cursor-swresize {
cursor: sw-resize !important
}
.uk-cursor-ewresize {
cursor: ew-resize !important
}
.uk-cursor-nsresize {
cursor: ns-resize !important
}
.uk-cursor-neswresize {
cursor: nesw-resize !important
}
.uk-cursor-nwseresize {
cursor: nwse-resize !important
}
.uk-cursor-zoomin {
cursor: zoom-in !important
}
.uk-cursor-zoomout {
cursor: zoom-out !important
}
.uk-cursor-grab {
cursor: -webkit-grab !important;
cursor: grab !important
}
.uk-cursor-grabbing {
cursor: -webkit-grabbing !important;
cursor: grabbing !important
}
.uk-userselect-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
a.uk-disabled, a[disabled] {
cursor: default !important;
pointer-events: none !important
}
.uk-background-success {
background-color: #f3f9e4
}
.uk-background-danger {
background-color: #fff1f1
}
[class*=" icon-"], [class^=icon-] {
font-family: Dyn !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.uk-radio-toggle {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800;
color: #333;
background: #f4f4f4;
border-radius: 4px;
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .25), inset 0 0 0 1px #ddd;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
height: 36px;
line-height: 34px;
overflow: hidden
}
.uk-radio-toggle > input[type=radio] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.uk-radio-toggle > input[type=radio].uk-focusable:active, .uk-radio-toggle > input[type=radio].uk-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.uk-radio-toggle > input[type=radio]:not(:checked) + label {
color: #8b8b8b
}
.uk-radio-toggle > input[type=radio]:not(:checked) + label:hover, .uk-radio-toggle > input[type=radio]:not(:checked):focus + label {
color: #444
}
.uk-radio-toggle > input[type=radio]:not(:checked):active + label {
color: #444
}
.uk-radio-toggle > input[type=radio]:checked + label {
background-color: #e8edf0;
border-color: #c9d5dc;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
color: #444
}
.uk-radio-toggle > input[type=radio]:checked + label:hover, .uk-radio-toggle > input[type=radio]:checked:focus + label {
background-color: #f1f4f6;
border-color: #d2dce2;
color: #444
}
.uk-radio-toggle > input[type=radio]:checked:active + label {
background-color: #dfe6ea;
border-color: #b8c8d1;
color: #444
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-primary:checked + label {
background-color: #00a3cb;
border-color: #007a98;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-primary:checked + label:hover, .uk-radio-toggle > input[type=radio].uk-radio-toggle-option-primary:checked:focus + label {
background-color: #00b3df;
border-color: #008aac;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-primary:checked:active + label {
background-color: #0093b7;
border-color: #005f77;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-callout:checked + label {
background-color: #fce300;
border-color: #e3cc00;
color: #444
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-callout:checked + label:hover, .uk-radio-toggle > input[type=radio].uk-radio-toggle-option-callout:checked:focus + label {
background-color: #ffec3d;
border-color: #efd800;
color: #444
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-callout:checked:active + label {
background-color: #efd800;
border-color: #d6c100;
color: #444
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-success:checked + label {
background-color: #7ab500;
border-color: #608f00;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-success:checked + label:hover, .uk-radio-toggle > input[type=radio].uk-radio-toggle-option-success:checked:focus + label {
background-color: #88c900;
border-color: #6ea300;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-success:checked:active + label {
background-color: #6ca100;
border-color: #4a6e00;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-danger:checked + label {
background-color: #ff5050;
border-color: #dc0000;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-danger:checked + label:hover, .uk-radio-toggle > input[type=radio].uk-radio-toggle-option-danger:checked:focus + label {
background-color: #ff6a6a;
border-color: #f60000;
color: #fff
}
.uk-radio-toggle > input[type=radio].uk-radio-toggle-option-danger:checked:active + label {
background-color: #ff3636;
border-color: #b60000;
color: #fff
}
.uk-radio-toggle > label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
float: left;
padding: 0 8px;
text-align: center;
width: 76px
}
.uk-radio-toggle-mini {
font-size: 10px;
height: 22px;
line-height: 20px
}
.uk-radio-toggle-mini > label {
width: 48px
}
.uk-radio-toggle-small {
font-size: 12px;
height: 30px;
line-height: 28px
}
.uk-radio-toggle-small > label {
width: 64px
}
.uk-radio-toggle-large {
font-size: 16px;
height: 44px;
line-height: 42px
}
.uk-radio-toggle-large > label {
width: 92px
}
.uk-radio-toggle-narrow > label {
width: 42px
}
.uk-radio-toggle-narrow.uk-radio-toggle-mini > label {
width: 28px
}
.uk-radio-toggle-narrow.uk-radio-toggle-small > label {
width: 36px
}
.uk-radio-toggle-narrow.uk-radio-toggle-large > label {
width: 50px
}
.uk-radio-toggle-wide > label {
width: 110px
}
.uk-radio-toggle-wide.uk-radio-toggle-mini > label {
width: 68px
}
.uk-radio-toggle-wide.uk-radio-toggle-small > label {
width: 92px
}
.uk-radio-toggle-wide.uk-radio-toggle-large > label {
width: 134px
}
input[type=range].uk-range {
-webkit-appearance: none;
border: 0;
border-color: #a4aeb6;
margin: 0;
padding: 0
}
input[type=range].uk-range::-moz-range-track {
background: #f4f4f4;
border-radius: 6px;
box-shadow: inset 0 0 0 1px #a4aeb6;
height: 6px;
width: 100%
}
input[type=range].uk-range::-moz-range-thumb {
background: #495d6d;
border: 0;
border-radius: 999px;
box-sizing: border-box;
cursor: pointer;
height: 16px;
position: relative;
width: 16px
}
input[type=range].uk-range::-moz-range-progress {
background: #a4aeb6;
border-radius: 6px;
box-shadow: inset 0 0 0 1px #a4aeb6;
height: 6px
}
input[type=range].uk-range::-moz-focus-outer {
border: 0
}
input[type=range].uk-range::-webkit-slider-runnable-track {
background: #f4f4f4;
border-radius: 6px;
box-shadow: inset 0 0 0 1px #a4aeb6;
border-color: #f4f4f4;
height: 6px;
width: 100%
}
input[type=range].uk-range::-webkit-slider-thumb {
-webkit-appearance: none;
background: #495d6d;
border: 0;
border-radius: 999px;
box-sizing: border-box;
color: #a4aeb6;
cursor: pointer;
height: 16px;
margin-top: -5px;
position: relative;
width: 16px
}
input[type=range].uk-range::-ms-track {
background: 0 0;
border: 9px solid transparent;
border-left: 0;
border-right: 0;
color: transparent;
height: 6px;
width: 100%
}
input[type=range].uk-range::-ms-thumb {
background: #495d6d;
border: 0;
border-radius: 999px;
box-sizing: border-box;
cursor: pointer;
height: 16px;
position: relative;
width: 16px
}
input[type=range].uk-range::-ms-fill-lower {
background: #a4aeb6;
border-radius: 6px;
box-shadow: inset 0 0 0 1px #a4aeb6
}
input[type=range].uk-range::-ms-fill-upper {
background: #f4f4f4;
border-radius: 6px;
box-shadow: inset 0 0 0 1px #a4aeb6
}
input[type=range].uk-range::-ms-tooltip {
display: none
}
input[type=range].uk-range:focus {
border-color: #b2bbc1;
outline: 0
}
input[type=range].uk-range:focus::-moz-range-thumb {
background: #637582;
background-image: radial-gradient(6px at 50% 50%, #e8edf0 0, #e8edf0 25%, #637582 35%, #637582 100%);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .6)
}
input[type=range].uk-range:focus::-moz-range-progress {
background: #b2bbc1
}
input[type=range].uk-range:focus::-webkit-slider-thumb {
background: #637582;
background-image: radial-gradient(6px at 50% 50%, #e8edf0 0, #e8edf0 25%, #637582 35%, #637582 100%);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .6);
color: #b2bbc1
}
input[type=range].uk-range:focus::-ms-thumb {
background: #637582;
background-image: radial-gradient(6px at 50% 50%, #e8edf0 0, #e8edf0 25%, #637582 35%, #637582 100%);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .6)
}
input[type=range].uk-range:focus::-ms-fill-lower {
background: #b2bbc1;
border-radius: 6px
}
.uk-rating:before {
content: "";
display: table-cell
}
.uk-rating:after {
content: "";
display: table;
clear: both
}
[class*=uk-rating-bar-] > .uk-rating-segment {
background: #637582;
border-radius: 2px;
box-sizing: border-box;
float: left;
height: 5px
}
[class*=uk-rating-bar-] > .uk-rating-segment ~ .uk-rating-segment {
margin-left: 1px
}
[class*=uk-rating-bar-] > .uk-rating-segment.uk-active ~ .uk-rating-segment {
background: #e3e3e3
}
[class*=uk-rating-bar-].uk-rating-callout > .uk-rating-segment {
background: #fce300
}
[class*=uk-rating-bar-].uk-rating-success > .uk-rating-segment {
background: #7ab500
}
[class*=uk-rating-bar-].uk-rating-warning > .uk-rating-segment {
background: #ff8e41
}
[class*=uk-rating-bar-].uk-rating-danger > .uk-rating-segment {
background: #ff5050
}
.uk-rating-bar-2 .uk-rating-segment {
width: calc((100% / 2) - .5px)
}
.uk-rating-bar-3 .uk-rating-segment {
width: calc((100% / 3) - .67px)
}
.uk-rating-bar-4 .uk-rating-segment {
width: calc((100% / 4) - .75px)
}
.uk-rating-bar-5 .uk-rating-segment {
width: calc((100% / 5) - .8px)
}
.uk-rating-bar-6 .uk-rating-segment {
width: calc((100% / 6) - .83px)
}
.uk-rating-bar-7 .uk-rating-segment {
width: calc((100% / 7) - .86px)
}
.uk-rating-bar-8 .uk-rating-segment {
width: calc((100% / 8) - .88px)
}
[class*=uk-stepper-] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800;
color: #333;
line-height: 20px;
font-size: 12px;
list-style-type: none;
margin: 0;
padding: 0;
text-transform: uppercase;
width: 100%
}
[class*=uk-stepper-]:before {
content: "";
display: table-cell
}
[class*=uk-stepper-]:after {
content: "";
display: table;
clear: both
}
[class*=uk-stepper-] > .uk-step {
float: left;
padding: 0 0 8px;
position: relative;
z-index: 10
}
[class*=uk-stepper-] > .uk-step a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 800;
color: #333;
line-height: 20px;
display: block;
font-size: 12px;
margin: 0 0 -8px;
padding: 0 0 8px
}
[class*=uk-stepper-] > .uk-step + .uk-step {
margin-left: 12px
}
[class*=uk-stepper-] > .uk-step:after {
background: #a4aeb6;
bottom: 0;
content: "";
display: block;
height: 8px;
position: absolute;
width: 100%;
z-index: -1
}
[class*=uk-stepper-] > .uk-step.uk-active:after {
background: #00a3cb
}
[class*=uk-stepper-] > .uk-step.uk-active ~ .uk-step {
opacity: .6
}
[class*=uk-stepper-] > .uk-step.uk-active ~ .uk-step:after {
opacity: .6
}
.uk-stepper-2 .uk-step {
width: calc(50% - 6px)
}
.uk-stepper-3 .uk-step {
width: calc(33.33% - 8px)
}
.uk-stepper-4 .uk-step {
width: calc(25% - 9px)
}
.uk-stepper-5 .uk-step {
width: calc(20% - 9.6px)
}
.uk-stepper-6 .uk-step {
width: calc(16.666% - 10px)
}
.uk-stepper-7 .uk-step {
width: calc(14.285% - 10.29px)
}
.uk-stepper-8 .uk-step {
width: calc(12.5% - 10.5px)
}
@media (max-width:767px) {
[class*=uk-stepper-] {
font-size: 10px
}
[class*=uk-stepper-] > .uk-step a {
font-size: 10px
}
[class*=uk-stepper-] > .uk-step:after {
height: 6px
}
}
@media (max-width:479px) {
[class*=uk-stepper-] {
counter-reset: stepper
}
[class*=uk-stepper-] > .uk-step {
padding: 0 0 6px;
text-indent: -999em
}
[class*=uk-stepper-] > .uk-step a {
margin: 0 0 -6px;
padding: 0 0 6px
}
[class*=uk-stepper-] > .uk-step + .uk-step {
margin-left: 8px
}
[class*=uk-stepper-] > .uk-step:before {
content: counter(stepper);
counter-increment: stepper;
position: absolute;
left: 0;
text-align: center;
text-indent: 0;
width: 100%;
z-index: -1
}
[class*=uk-stepper-] > .uk-step.uk-active {
text-indent: 0
}
[class*=uk-stepper-] > .uk-step.uk-active:before {
content: ""
}
.uk-stepper-2 .uk-step {
width: calc(25% - 4px)
}
.uk-stepper-2 .uk-step.uk-active {
width: calc(75% - 4px)
}
.uk-stepper-3 .uk-step {
width: calc(16.665% - 5.33px)
}
.uk-stepper-3 .uk-step.uk-active {
width: calc(66.666% - 5.33px)
}
.uk-stepper-4 .uk-step {
width: calc(16.666% - 6px)
}
.uk-stepper-4 .uk-step.uk-active {
width: calc(50% - 6px)
}
.uk-stepper-5 .uk-step {
width: calc(12.5% - 6.4px)
}
.uk-stepper-5 .uk-step.uk-active {
width: calc(50% - 6.4px)
}
.uk-stepper-6 .uk-step {
width: calc(10% - 6.67px)
}
.uk-stepper-6 .uk-step.uk-active {
width: calc(50% - 6.67px)
}
.uk-stepper-7 .uk-step {
width: calc(10% - 6.86px)
}
.uk-stepper-7 .uk-step.uk-active {
width: calc(40% - 6.86px)
}
.uk-stepper-8 .uk-step {
width: calc(10% - 7px)
}
.uk-stepper-8 .uk-step.uk-active {
width: calc(30% - 7px)
}
}
.alignnone {
margin: 5px 15px 15px 0
}
.alignright {
display: inline;
float: right;
margin: 5px 0 15px 22px
}
.alignleft {
float: left;
display: inline;
margin: 5px 22px 15px 0
}
.aligncenter {
display: block;
margin: 5px auto;
clear: both;
margin-left: auto;
margin-right: auto;
border: 0
}
.wp-caption {
text-align: center;
padding: 0 1em 0 20px;
margin: 0 0 20px 20px;
color: #666
}
.archive .wp-caption, .blog .wp-caption {
display: none
}
.wp-caption.aligncenter {
background: #f3f3f3;
border: 1px #ccc solid;
padding-top: 1em;
margin-top: 1em
}
.wp-caption-text {
margin: 0;
font-size: .9em
}
.aligncenter .wp-caption-text {
color: #444
}
.article-bottom p:last-child {
margin-bottom: 0
}
.parsley-errors-list {
display: none;
list-style: none;
margin-bottom: 0
}
.parsley-errors-list.filled {
display: block
}
.parsley-custom-errors .parsley-errors-list.filled {
margin-top: 5px
}
em {
color: inherit
}
input.uk-form-large:not([type]), input.uk-form-large[type], select.uk-form-large, textarea.uk-form-large {
font-size: 16px;
height: 38px;
line-height: 38px;
padding: 0 10px;
vertical-align: middle
}
.page-id-34132 input.uk-form-large[type] {
width: 50%
}
.uk-form-select select {
font-size: 16px;
border: none
}
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
background: 0 0;
text-decoration: underline
}
.uk-dropdown-search li > a:focus, .uk-dropdown-search li > a:hover, .uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover {
background: #f80000;
color: #fff;
outline: 0 none
}
#side-login a, #sidenav a, .uk-nav > li > a {
padding: 10px 15px
}
.uk-nav-header:not(:first-child) {
margin-top: 15px
}
.nav-wrap-1 .uk-navbar-nav li li, .nav-wrap-1 .uk-navbar-nav > li li, .nav-wrap-1 .uk-navbar-nav > li li a {
color: #000
}
.uk-navbar-nav .uk-dropdown, .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-nav-header, .uk-offcanvas-bar li {
font-size: 15px
}
.uk-navbar .uk-search-field:focus, .uk-navbar .uk-search.uk-active .uk-search-field {
width: 200px
}
.uk-navbar .uk-search-field {
min-width: 75%;
line-height: 60px;
height: 60px
}
#sidenav li {
list-style: none
}
#sidenav a {
border-bottom: 1px #e5e5e5 solid;
color: #444;
display: block;
word-wrap: break-word
}
#sidenav a:hover, .current-cat > a, .current_page_item > a {
background: #f1f1f1;
text-decoration: none
}
.current_page_item > a {
background: 0 0
}
.uk-nav-sub-sub {
display: none
}
.uk-parent-child > a:after {
content: "\e91c";
font-family: Dyn !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
float: right
}
.uk-parent-child > a.active:after {
content: "\e932"
}
.uk-parent-child > a::after {
font-size: 20px;
color: #999
}
html {
font: 300 16px/26px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #333
}
#wrap-1, #wrap-2, #wrap-3, #wrap-4, #wrap-5, #wrap-6, #wrap-7, #wrap-8, #wrap-9 {
padding: 75px 0;
width: 100%
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
color: #333
}
#wrap-1 h1, #wrap-1 h2, #wrap-1 h3, .black-background-screen h1, .black-background-screen h2, .black-background-screen h3, .black-overlay h2, .black-overlay h3, .single-case-study h2 {
color: #fff
}
.uk-h1, h1 {
font-size: 60px;
line-height: 72px;
font-weight: 100
}
#home-hero h1 {
font-size: 100px;
color: #fff
}
#home-hero h1 span {
font-weight: 600
}
#search-hero .uk-h1, .main-contact-header h1 {
line-height: 55px
}
#column_section h1.number {
color: #616161;
font-size: 72px
}
#floating-boxes h1 {
color: #151A1C
}
#number_columns.black-background-screen h1 {
color: #fff;
font-size: 72px
}
.uk-h2, h2 {
font-size: 30px;
line-height: 40px;
font-weight: 600
}
#events-section h2, #masonry_section .uk-panel-box h2, #not-found h2, .blog-panels h2, .single-case-study h2, .small-tile h2 {
font-weight: 100
}
#hero-section h2 {
font-weight: 500
}
#blog-sidebar h2, #masonry_section .uk-width-large-1-3 h2, .related-panels h2, .small-tile h2 {
font-size: 20px;
line-height: 30px
}
#split_content_section h2 {
margin-bottom: 25px
}
#floating-boxes h2 {
color: #444;
margin-bottom: 40px
}
#related-panels .uk-h2 {
font-size: 35px;
line-height: 40px;
font-weight: 300
}
.single-career h2 {
min-height: 80px
}
.uk-h3, h3 {
font-size: 24px;
line-height: 34px;
font-weight: 500
}
#hero h3 {
font-size: 18px;
line-height: 25px
}
#blog-sidebar h3, #column_section .uk-grid div h3, #hero-blocks .uk-grid h3, #icon-columns h3, #number_columns h3, #single-section .four-panel-boxes h3, #splitContent h3, .section_header h3 {
font-weight: 600
}
.blog-search-wrapper h3 a {
color: #444;
border-bottom: 2px solid #FBE132;
transition: all .2s ease-in-out
}
.blog-search-wrapper h3 a:hover {
text-decoration: none;
color: #929292
}
#hero-section h3 {
font-weight: 300
}
#author_info .uk-h3 {
font-weight: 800
}
#split_content_section h3 {
margin-bottom: 0
}
.section_header h3 {
color: #464646
}
#hero-blocks .uk-grid h3 {
color: #414141
}
.uk-h4, h4 {
font-size: 20px;
line-height: 30px;
font-weight: 300
}
.uk-h6, h6 {
font-size: 14px;
line-height: 20px
}
#floating-boxes .uk-grid hr, .uk-article-divider, hr {
border-top: 6px solid #ccc
}
#cta-section hr {
border-color: #fff
}
#single-section.screenwhite-background-screen hr {
border-color: #707070
}
#cta-section.black-background-screen hr, #cta-section.white-background-screen hr, #floating-boxes hr, #hero-section hr.yellow-rule, #hero-section.black-background-screen hr, #hero-section.screenwhite-background-screen hr, #icon-columns.black-background-screen hr, #number_columns.black-background-screen hr, #single-section.black-background-screen hr, .yellow-rule, .yellow-top-border {
border-color: #f80000
}
#hero-section.black-background-screen hr {
border-color: #ccc
}
#icon-columns.yellow-background-screen hr, #number_columns.yellow-background-screen hr {
display: none
}
.page-id-53302 #hero-section hr.uk-container-center {
margin-left: 0
}
.page-id-53302 #hero-section {
text-align: left !important
}
#tile a.uk-display-block .uk-icon-xlarge {
font-size: 500%
}
#tile a.uk-display-block {
padding: 50px;
background: #EAEAEA;
opacity: .7
}
#tile a.uk-display-block:hover {
background: #fff;
opacity: 1
}
#tile a.uk-display-block p {
font-weight: 400
}
.tile-link {
border-bottom: 2px solid #333
}
#tile a.uk-display-block:hover .tile-link {
border-color: #f80000
}
#tile.uk-grid > * {
padding-left: 0
}
section #tile a, section #tile a:hover {
border-bottom: none
}
.page-id-53302 #single-section, .page-id-53302 .gray-background-screen::after, .page-id-53302 .trustradius-tqw {
background: #333 !important
}
.page-id-53302 #single-section .uk-width-large-4-5 {
width: 100% !important
}
.trustradius-tqw div.tr-fancy img.tr-author-picture {
width: 52px !important;
height: 52px !important;
border-radius: 50% !important
}
.page-id-53302 #single-section hr, .trustradius-tqw .tr-company-description, .trustradius-tqw div.tr-fancy div.tr-card div.tr-card-quotes div.tr-card-quotes-after-outline, .trustradius-tqw div.tr-fancy div.tr-card div.tr-card-read-more, .trustradius-tqw div.tr-fancy div.tr-review-date, .trustradius-tqw div.tr-fancy div.tr-review-teaser::before {
display: none !important
}
section a:hover.tr-next-link, section a:hover.tr-previous-link {
border-bottom: none !important
}
.trustradius-tqw span.tr-author, .trustradius-tqw span.tr-job-description {
white-space: normal !important;
font-size: 13px !important;
line-height: 18px !important
}
.trustradius-tqw span.tr-author {
font-weight: 900 !important
}
.trustradius-tqw div.tr-fancy div.tr-review-byline {
border-left: 1px solid #ccc !important;
padding-left: 10px !important;
height: 70px !important
}
.trustradius-tqw div.tr-fancy div.tr-review-summary {
padding: 0 !important
}
.trustradius-tqw .tr-glyphicon-chevron-left::before, .trustradius-tqw .tr-glyphicon-chevron-right::before {
content: "\f104" !important;
font-family: fontawesome !important;
color: #fff !important;
font-size: 50px !important
}
.trustradius-tqw .tr-glyphicon-chevron-right::before {
content: "\f105" !important
}
.page-id-53302 #single-section h3, .trustradius-tqw div.tr-fancy div.tr-row, .trustradius-tqw p {
margin: 0 !important
}
.trustradius-tqw div.tr-fancy div.tr-left-navigation > a, .trustradius-tqw div.tr-fancy div.tr-right-navigation > a, a.tr-previous-link:hover {
background-color: #333 !important
}
.trustradius-tqw div.tr-fancy div.tr-review-date, .trustradius-tqw p, .trustradius-tqw span {
font: 300 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
color: #333 !important
}
.trustradius-tqw .tr-glyphicon {
font-family: 'Glyphicons Regular' !important
}
.trustradius-tqw div.tr-fancy div.tr-review-summary {
border-radius: 0 !important
}
.trustradius-tqw div.tr-fancy div.tr-card {
background-color: #fff !important;
padding: 25px 30px !important
}
.trustradius-tqw span.yellow {
color: #f80000 !important
}
.trustradius-tqw div.tr-fancy div.tr-card div.tr-card-quotes div.tr-card-quotes-after-outline, .trustradius-tqw div.tr-fancy div.tr-review-summary {
border: none !important;
border-bottom: 2px solid #999 !important;
margin-bottom: 10px !important;
z-index: 1 !important
}
a.tr-next-link, a.tr-next-link:hover, a.tr-previous-link, a.tr-previous-link:hover {
background: 0 0 !important
}
span.tr-rating {
display: block !important;
margin-bottom: 5px !important
}
.trustradius-tqw div.tr-fancy div.tr-left-navigation, .trustradius-tqw div.tr-fancy div.tr-right-navigation {
position: absolute !important;
opacity: .4 !important;
z-index: 1 !important;
background-color: rgba(0, 0, 0, 0) !important;
height: 60px !important;
width: 30px !important
}
.trustradius-tqw .tr-col-lg-6 {
margin: 0 !important;
padding: 0 !important
}
.trustradius-tqw div.tr-fancy div.tr-reviews-viewport {
width: 94% !important;
margin-left: 3% !important
}
#column_section .uk-grid div h3, #icon-columns .uk-grid h3, #number_columns .uk-grid h3 {
color: #616161
}
#icon-columns.yellow-background-screen .uk-grid h3, #number_columns.yellow-background-screen .uk-grid h3 {
color: #333
}
#column_section .black-overlay .uk-grid div h3, #icon-columns.black-background-screen .uk-grid h3, #number_columns.black-background-screen .uk-grid h3 {
color: #fff
}
#number_columns .uk-grid div h3 {
font-weight: 500
}
#icon-columns.colored-header hr, #number_columns.colored-header hr {
display: none
}
#icon-columns.colored-header h3.colored, #number_columns.colored-header h3.colored {
padding: 30px 0;
margin-bottom: 50px
}
#icon-columns.colored-header .yellow-header, #number_columns.colored-header .yellow-header, .dyn-yellow-bg {
background-color: #eee !important;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #464646 !important
}
#icon-columns.colored-header .black-header, #number_columns.colored-header .black-header {
background-color: #000;
color: #F8D526
}
#icon-columns.colored-header .gray-header, #number_columns.colored-header .gray-header {
background-color: #333;
color: #fff
}
#icon-columns.screenwhite-background-screen .uk-icon-xlarge, #number_columns.screenwhite-background-screen .uk-icon-xlarge {
color: #333
}
.colored-header .uk-grid {
padding: 0 30px
}
.colored-header {
padding-top: 0 !important
}
#html_section #split_content_section .uk-grid p, #html_section .uk-panel-box p, p {
font-size: 20px;
line-height: 30px;
color: #333;
font-weight: 300
}
#column_section .uk-grid p, #hero-blocks p, #html_section .uk-grid p, #icon-columns .uk-grid p, #leader_ship_team p, #number_columns .uk-grid p, #single_page p, #social, .main-contact-header p {
font-size: 16px;
line-height: 26px
}
#cta-section p, #splitContent #DNS p, #splitContent #email p {
font-size: 24px;
line-height: 34px
}
.black-background-screen p, .black-overlay p, .white {
color: #fff !important
}
b, strong {
font-weight: 700
}
.uk-margin-medium-top {
margin-top: 28px
}
.uk-margin-medium-bottom {
margin-bottom: 28px
}
.uk-margin-medium {
margin-top: 30px;
margin-bottom: 30px
}
.uk-text-weight-semi {
font-weight: 500
}
.uk-text-spaced {
letter-spacing: 1.5px
}
.uk-text-spaced-large {
letter-spacing: 2px
}
.uk-container-full {
max-width: 100%
}
.uk-container-narrow {
max-width: 900px;
margin: 0 auto
}
.uk-text-dark {
color: #333
}
span.uk-text-light {
font-weight: 100
}
.chat-wrap {
z-index: 9999;
width: auto;
position: fixed;
top: 61px;
margin-top: -1px
}
.chat-wrap.uk-active {
display: block
}
.uk-pagination > li > a, .uk-pagination > li > span {
padding: 3px 10px
}
section a {
color: #707070;
border-bottom: 2px solid #707070;
transition: all .2s ease-in-out
}
section a:hover {
text-decoration: none;
color: #707070;
border-bottom: 2px solid #d8d8d8
}
section a.red-link {
color: #343434;
border-bottom: 2px solid #f80000;
transition: all .2s ease-in-out
}
section a:hover.red-link {
text-decoration: none;
color: #707070
}
section a:hover.uk-close, section a:hover.uk-icon-xlarge {
border-bottom: none
}
.cta, .uk-button {
font-size: 14px;
padding: 0 40px;
text-transform: uppercase;
border-radius: 0;
letter-spacing: 1.5px;
text-shadow: none;
font-weight: 600
}
.cta:hover, .uk-button:hover {
text-decoration: none
}
.uk-button-large {
padding: 0 40px
}
.uk-button-large {
background: 0 0;
border: 2px solid #707070;
color: #231f20
}
.uk-button-large:hover {
background: #707070;
border-color: #707070;
color: #fff
}
.primary-red-cta {
background: 0 0;
border: 2px solid #f80000;
color: #fff
}
.primary-red-cta:hover {
background: #f80000;
border-color: #f80000;
color: #fff
}
#author-spotlight .primary-red-cta, #not-found .primary-red-cta, #research-sidebar .primary-red-cta, .page-id-53302 #html_section .primary-red-cta {
color: #231f20
}
#author-spotlight .primary-red-cta:hover, #not-found .primary-red-cta:hover, #research-sidebar .primary-red-cta:hover, .page-id-53302 #html_section .primary-red-cta:hover {
color: #fff
}
#wrap-1 .uk-button-large, .secondary-red-cta {
background: #f80000;
border: 2px solid #f80000;
color: #fff
}
#wrap-1 .uk-button-large:hover, .secondary-red-cta:hover {
background: #b80612;
border-color: #b80612;
color: #fff
}
.primary-dark-cta {
background: 0 0;
border: 2px solid #343434;
color: #231f20
}
.primary-dark-cta:hover {
background: #343434;
border-color: #343434;
color: #fff
}
.secondary-dark-cta {
background: #343434;
border: 2px solid #343434;
color: #fff
}
.secondary-dark-cta:hover {
background: #222;
border-color: #222;
color: #fff
}
.primary-light-cta {
background: 0 0;
border: 2px solid #707070;
color: #231f20
}
.primary-light-cta:hover {
background: #707070;
border-color: #707070;
color: #fff
}
.secondary-light-cta {
background: #707070;
border: 2px solid #707070;
color: #fff
}
.secondary-light-cta:hover {
background: #222;
border-color: #222;
color: #fff
}
.white-cta {
background: 0 0;
border: 2px solid #fff;
color: #fff
}
.white-cta:hover {
background: #fff;
border-color: #fff;
color: #231f20
}
.screenwhite-background-screen .primary-dark-cta, .screenwhite-background-screen .primary-light-cta, .screenwhite-background-screen .primary-red-cta, .white-background-screen .primary-dark-cta, .white-background-screen .primary-light-cta, .white-background-screen .primary-red-cta {
color: #333
}
.screenwhite-background-screen .primary-dark-cta:hover, .screenwhite-background-screen .primary-light-cta:hover, .screenwhite-background-screen .primary-red-cta:hover, .white-background-screen .primary-dark-cta:hover, .white-background-screen .primary-light-cta:hover, .white-background-screen .primary-red-cta:hover {
color: #fff
}
.entry-content .pdf-download .uk-icon-small {
line-height: 42px
}
.play-btn {
border: none;
font-size: 75px;
color: #fff;
font-weight: 100
}
.play-btn:hover {
color: #f80000
}
.uk-block-large {
padding: 100px 0
}
.uk-block-hero {
padding: 140px 0 110px
}
.uk-block {
padding: 75px 0
}
.uk-block::after, .uk-block::before {
display: inherit
}
#cta-section.uk-block-large {
padding: 70px 0 40px
}
#single-section.uk-block-large {
padding: 120px 0 130px
}
.uk-block-small {
padding: 30px 0
}
.background-screen::after, .black-background-screen::after, .gray-background-screen::after, .screenwhite-background-screen::after, .white-background-screen::after, .yellow-background-screen::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.background-screen::after {
background: rgba(25, 25, 25, .75)
}
.white-background-screen::after {
background: #fff
}
.screenwhite-background-screen::after {
background: rgba(239, 239, 239, .9)
}
.yellow-background-screen::after {
background: rgba(239, 239, 239, .9)
}
#billboard, #wrap-1, .black-background-screen::after {
background: rgba(52, 52, 52, .7)
}
.gray-background-screen::after {
background: #eee
}
.background-screen .uk-container, .black-background-screen .uk-container, .gray-background-screen .uk-container, .screenwhite-background-screen .uk-container, .white-background-screen .uk-container, .yellow-background-screen .uk-container {
z-index: 1;
position: relative
}
.uk-panel-box {
background: #fff;
box-shadow: 0 2px 4px 0 rgba(176, 176, 176, .5);
border-radius: 0;
border: none
}
.uk-panel-box .uk-panel-badge {
border: none;
border-radius: 0;
margin-right: -20px;
padding: 5px 40px
}
.uk-panel-box .uk-panel-badge::after {
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #b80612;
content: "";
position: absolute;
right: 0;
top: 100%
}
.uk-panel-box .uk-panel-teaser {
min-height: 230px;
margin-top: -16px;
margin-left: -16px;
margin-right: -16px;
overflow: visible;
border-radius: 0
}
#not-found {
background: #fff
}
.four-o-four a, .four-o-four a:hover {
border-bottom: 0
}
.uk-grid-divider:not(:empty) {
margin-left: -30px;
margin-right: -30px
}
.uk-grid-divider > * {
padding-left: 30px;
padding-right: 30px
}
.uk-grid-large .uk-grid-margin {
margin-top: 50px
}
.uk-navbar {
background: 0 0;
border: none;
border-radius: 0
}
.ubermenu .ubermenu-current-menu-ancestor.ubermenu-item-level-0 a span {
font-weight: 500
}
.ubermenu-active::before {
-moz-osx-font-smoothing: grayscale;
color: #fff;
content: "\e9ff";
display: inline;
font-family: Dyn;
font-size: 18px;
left: calc(58%);
position: relative;
top: 48px;
margin-left: -18px
}
#top-navbar {
height: 60px;
background: #222;
border-radius: 0;
border: none;
position: relative
}
#top-navbar #page-cat {
position: absolute;
top: 60%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#top-navbar .uk-container {
max-width: 100%;
padding: 0
}
#top-navbar .uk-navbar-brand img {
height: 60px;
padding: 7px 0
}
#top-navbar .uk-navbar-brand, section ol, section ul {
padding-left: 0
}
.uk-navbar-brand {
margin-right: 0
}
#top-navbar .uk-navbar-nav > li > a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
text-shadow: none
}
#top-navbar .uk-navbar-nav .uk-parent > a, .uk-navbar-nav > li > a:first-child {
font-size: 16px;
color: #fff;
height: 60px;
line-height: 52px;
margin: 0;
border-top: 3px solid transparent;
padding: 0 30px;
transition: padding .5s ease-in-out;
-webkit-transition: padding .5s ease-in-out
}
#top-navbar .uk-dropdown-navbar {
margin-top: 0;
border-radius: 0;
padding: 0 15px;
width: 250px
}
#top-navbar .uk-navbar-nav > li.uk-active > a {
border-top: 3px solid #f80000;
background: 0 0;
color: #fff
}
#top-navbar .uk-navbar-nav > li.uk-active.uk-open > a, #top-navbar .uk-navbar-nav > li.uk-active:hover > a, #top-navbar .uk-navbar-nav > li > a.uk-active:focus, .ubermenu .ubermenu-current-menu-ancestor.ubermenu-item-level-0 a {
border-top: 6px solid #f80000
}
#top-navbar .uk-navbar-nav > li.uk-active.uk-open > a {
border-top: 3px solid #fff
}
#top-navbar .uk-navbar-nav > li.uk-open > a, #top-navbar .uk-navbar-nav > li:hover > a, #top-navbar .uk-navbar-nav > li > a:focus {
font-weight: 600;
text-decoration: none
}
#top-navbar .uk-navbar-nav > li > a::after {
display: block;
content: attr(title);
font-weight: 700;
height: 1px;
color: transparent;
overflow: hidden;
visibility: hidden
}
#top-navbar .uk-dropdown-navbar:before {
content: '\25b2';
padding-left: .5em;
position: absolute;
color: #fff;
top: -15px;
left: 30px
}
#top-navbar .uk-dropdown ul > li > a, .uk-nav-offcanvas > li > a {
padding: 10px 20px;
border-bottom: 1px solid #ECECD9;
font-size: 16px;
color: #181818;
text-shadow: none;
border-top: none
}
#top-navbar .uk-nav-navbar > li:focus > a, .uk-nav-navbar > li:hover > a {
color: #444;
box-shadow: none;
text-shadow: none
}
#top-navbar .uk-dropdown .uk-nav-navbar > li:hover {
background: #f6f6f6
}
#top-navbar .uk-dropdown .uk-nav-navbar > li > a:focus, #top-navbar .uk-dropdown .uk-nav-navbar > li > a:hover {
background: 0 0
}
#top-navbar #navbar-side .uk-navbar-nav > li.uk-open > a, #top-navbar #navbar-side .uk-navbar-nav > li:hover > a, #top-navbar #navbar-side .uk-navbar-nav > li > a:focus {
background-color: transparent;
color: #bdbdbd;
border-color: transparent
}
#top-navbar #navbar-side .uk-navbar-nav > li > a.uk-button-nav {
height: 40px;
line-height: 36px;
margin: 10px 0;
font-size: 13px;
padding: 0 25px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
font-weight: 600
}
#hero-cta .uk-button-large {
font-size: 16px;
line-height: 50px
}
.uk-button-nav {
margin-right: 5px;
margin-left: 15px
}
#top-navbar #navbar-side .uk-navbar-nav > li > a {
padding: 0 15px;
border-top: none
}
#top-navbar #navbar-side .uk-navbar-nav > li > a > i {
vertical-align: middle;
font-size: 32px;
line-height: 60px
}
#top-navbar #navbar-side .uk-navbar-nav a:hover i, #top-navbar #navbar-side .uk-navbar-nav > li > a:hover > i {
color: #929292
}
#top-navbar #navbar-side .uk-navbar-nav .icon-circle_account {
line-height: 48px
}
.uk-navbar-toggle {
font-size: 30px;
color: #444;
text-decoration: none;
height: 60px
}
.uk-navbar-toggle:after {
font-family: Dyn !important;
content: "\e979"
}
.uk-offcanvas-bar {
background: #f7f7f7;
width: 100%;
box-shadow: none !important
}
#top-navbar #navbar-side .uk-navbar-nav > li > a.uk-button-nav {
height: 40px;
line-height: 36px;
margin: 10px 0;
font-size: 13px;
border: 2px solid #f80000;
padding: 0 25px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
font-weight: 600;
background: 0 0
}
#top-navbar #navbar-side .uk-navbar-nav > li > a.uk-button-nav:hover {
background: #f80000;
color: #fff
}
.uk-nav-offcanvas {
border-bottom: none;
box-shadow: none
}
.uk-nav-offcanvas ul a {
color: #444
}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
background: 0 0;
color: #181818
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: inherit
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: 0 0;
color: #181818;
border-top: none;
box-shadow: none
}
.uk-offcanvas-bar-flip:after, .uk-offcanvas-bar:after {
display: none
}
.ubermenu .ubermenu-target-text {
margin-top: 0 !important;
line-height: 48px !important;
display: block !important;
letter-spacing: 0 !important
}
#ubermenu-nav-main-1650-user .ubermenu-item-level-2 .ubermenu-target-text {
padding-left: 0
}
#ubermenu-main-1665-user .ubermenu-active::before {
color: #f1f1f1
}
#ubermenu-nav-main-1650-user .ubermenu-has-submenu-flyout:after {
left: 10px;
margin-top: -8px;
right: inherit
}
#ubermenu-nav-main-1650-user .ubermenu-item-level-1 .ubermenu-target-text {
padding-left: 15px
}
.ubermenu .ubermenu-target {
padding: 0 25px
}
.ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-type-flyout {
top: 1px
}
.ubermenu-loc-user li a {
margin-top: 0 !important;
padding: 0 15px !important
}
#menu-item-55351.ubermenu-item-level-0 a {
min-width: 95px
}
#ubermenu-main-1650-user .ubermenu-active::before, #ubermenu-main-1665-user .ubermenu-active::before, .login-menu.ubermenu-active::before {
position: absolute
}
.login-heading a {
background: #f1f1f1 !important;
height: 40px !important
}
.login-heading a .ubermenu-target-text {
line-height: 40px !important
}
.login-menu > a .ubermenu-target-title {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px !important
}
.login-menu > a .ubermenu-target-title:hover {
font-weight: 600 !important
}
.ubermenu .ubermenu-item-level-1 a {
width: 100% !important;
border-top: none !important
}
.ubermenu .ubermenu-item-level-1 a span {
font-weight: 100 !important
}
.ubermenu .ubermenu-retractor, .ubermenu-item-level-1.ubermenu-active:before {
display: none
}
.ubermenu-active.ubermenu-item-level-2::before {
content: none
}
.ubermenu .ubermenu-item-level-0 a:focus {
outline: 0 !important
}
.ubermenu .ubermenu-item-level-0 a {
margin-top: 0 !important
}
.uk-offcanvas-bar li a {
padding: 17px 25px;
font-size: 20px
}
.uk-nav-parent-icon > .uk-parent > a:after {
font-size: 30px;
color: #999;
content: "\f107"
}
.uk-nav-parent-icon > .uk-parent > a::after {
font-size: 20px;
color: #999;
content: "\e91c";
font-family: Dyn !important;
margin-right: 0
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
content: "\e932"
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: none;
background: #f1f1f1;
padding: 0;
box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .15), inset 0 -10px 10px -10px rgba(0, 0, 0, .15)
}
.uk-text-callout {
color: #fff;
font-weight: 300 !important
}
.uk-nav-offcanvas .uk-nav-sub .uk-nav-sub-sub {
background: #e5e5e5
}
.checkbox label, .uk-offcanvas-bar .uk-nav-sub .uk-nav-sub-sub li a {
font-size: 18px
}
#footer {
background-color: #333;
padding: 50px 0
}
#footer-social > * {
color: #d5d5d5;
margin: 0 20px;
font-size: 25px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out
}
#footer .uk-text-muted {
color: #d7d7d7 !important
}
.uk-icon-envelope, .uk-icon-facebook, .uk-icon-google-plus, .uk-icon-linkedin, .uk-icon-rss, .uk-icon-twitter {
color: #555
}
#footer-social .uk-icon-medium:hover, #nav-social a:hover, #social a:hover {
color: #929292
}
.footer-bg-image {
background-image: url('https://img03.en25.com/Web/OracleDyn/{3f1c8af2-be85-43d9-87f9-13f0b4bd26c9}_footer-img.jpg');
}
#main-search .uk-modal-dialog {
margin: 0;
max-width: 100%;
width: 100%;
background: #222;
padding: 0
}
#main-search form {
max-width: 50%;
margin: 0 auto
}
.uk-close:after {
content: "\e986";
font-family: Dyn !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased
}
#main-search .uk-modal-dialog .icon-search {
top: 50%;
margin-top: -10px;
font-size: 24px;
color: #929292;
left: -35px
}
#main-search .uk-modal-close.uk-close {
position: absolute;
right: -30px;
top: 50%;
margin-top: -10px;
font-size: 24px;
color: #fff
}
#main-search .uk-form input[type=search] {
color: #d7d7d7;
background: 0 0;
border: none;
border-radius: 0;
height: 60px
}
#main-search .uk-form input[type=search]:focus {
box-shadow: none;
border-bottom: 1px solid #f80000;
border: none
}
#search-hero {
padding: 60px 0 90px 0;
background-image: url(../../media/src/search-temp.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
position: relative
}
#search-hero:after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: rgba(25, 25, 25, .75) none repeat scroll 0 0
}
#search-hero #search-hero-content {
position: relative;
z-index: 99
}
#search-hero .uk-form input[type=search] {
border-radius: 0
}
#search-wrapper .icon-x {
right: 10px;
top: 20px;
font-size: 25px
}
#search-wrapper form {
transition: all .2s ease-in-out
}
#search-wrapper .icon-search {
display: none;
right: 10px;
z-index: 99;
font-size: 25px;
top: 20px
}
#search-wrapper.active .icon-search {
display: block
}
#search-wrapper .uk-form input[type=search] {
height: 50px;
line-height: 50px;
font-size: 18px;
color: #222
}
#search-wrapper .uk-form input[type=search] {
padding: 5px 15px !important
}
.uk-form input[type=search]:focus, :focus {
outline: 0 !important;
box-shadow: none !important
}
#search-results {
background: #F1F1F1;
padding: 75px 0
}
#search-results .search-panel {
margin-bottom: 30px;
padding: 30px;
min-height: 240px;
border: none
}
#search-quick-links {
background: #fff;
padding: 0;
max-width: 50%
}
#search-quick-links .uk-nav {
padding: 15px 0 10px
}
#tabbed_menu {
background: #F1F1F1;
margin: 0
}
#tabbed_menu li {
margin: 0
}
#tabbed_menu li a {
line-height: 60px;
font-size: 16px;
font-weight: 300;
border: none
}
#tabbed_menu li a:hover {
color: #333;
font-weight: 600
}
#tabbed_menu li.uk-active {
border-top: 7px solid #f80000;
background: #fff
}
#tabbed_menu li.uk-active a {
color: #333;
font-weight: 600;
margin-top: -7px
}
#mobile-tabbed-menu .uk-parent {
background: #fff;
border-top: 6px solid #f80000;
font-size: 16px;
font-weight: 600;
line-height: 26px;
color: #222;
padding: 0 0 5px
}
#mobile-tabbed-menu .uk-parent a {
padding-bottom: 10px;
border-bottom: 1px solid #ececd9
}
#mobile-tabbed-menu.uk-nav ul a {
background: #fff;
border-top: none;
box-shadow: 0 2px 4px 0 rgba(202, 202, 202, .5);
font-size: 16px;
font-weight: 600;
line-height: 26px;
width: 100%;
color: #222;
padding: 15px 0
}
#mobile-tabbed-menu ul.uk-nav-sub {
padding: 5px 0
}
#mobile-tabbed-menu.uk-nav-parent-icon > .uk-parent > a::after {
color: #ccc;
font-size: 20px;
float: right;
margin-left: -20px
}
section #mobile-tabbed-menu a {
border-bottom: none
}
body.archive section, body.blog section, body.single section {
font: 300 18px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
color: #606060;
-moz-osx-font-smoothing: grayscale
}
#author p, article .post p {
font-size: 22px;
line-height: 36px
}
.author-bio {
margin-top: 75px
}
.archive .blog-panels, .blog .blog-panels {
background: #F1F1F1
}
.blog-panels .uk-panel-box {
padding-top: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.blog-panels .post .author-meta a, .single .post .author-meta a {
border: none;
color: #a2a2a2
}
.blog-panels p {
color: #444
}
.blog-panels .post .uk-text-small, .single-career .uk-text-small {
color: #a2a2a2;
font-size: 13px
}
.blog-panels .post .uk-h6 a {
border-bottom: medium none;
color: #555
}
.blog-panels .category-dyn-research .uk-panel-teaser, .blog-panels .category-research .uk-panel-teaser, .single #hero.category-research {
border-bottom: 5px solid #f80000
}
article .category-research img {
padding: 15px 0;
float: none !important;
width: 50%;
margin: 0 auto !important;
text-align: center;
display: block
}
article .category-research td img {
width: 100%;
float: right !important
}
.category-research td {
width: 50%
}
#blog-waterfall .uk-panel-teaser {
min-height: 300px;
border-radius: 0
}
#blog-sidebar .uk-panel-teaser, #related-panels .uk-panel-teaser {
min-height: 200px
}
.uk-article-meta a {
color: #fff;
border: none
}
#research-promo .post.uk-margin-large-bottom {
margin-bottom: 15px !important
}
.uk-slidenav-absolute {
position: absolute;
top: 50%;
z-index: 1;
margin-top: -30px
}
.uk-slidenav-next {
right: 0
}
.uk-badge-callout {
background-color: #f80000;
color: #fff
}
#blog-top-nav-wrap .uk-sticky-placeholder {
position: absolute;
width: 100%;
z-index: 95
}
.blog #blog-top-nav {
line-height: 40px;
background-color: transparent
}
#blog-top-nav {
background: rgba(30, 30, 30, .5);
padding: 8px;
height: 61px
}
#blog-top-nav.uk-active, .author #blog-top-nav {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(216, 216, 216, .5)
}
#blog-top-nav .nav-title a {
color: #999
}
#blog-top-nav.uk-active .uk-navbar-nav, .author #blog-top-nav .uk-navbar-nav, .blog-nav-active #nav-social, .single #blog-top-nav, .single #blog-top-nav .uk-navbar-nav {
visibility: visible
}
#blog-top-nav .uk-navbar-nav {
visibility: hidden
}
#nav-social {
position: absolute;
right: 45px;
height: 40px;
padding: 0 15px;
line-height: 40px;
visibility: hidden;
font-size: 16px;
top: 10px
}
#nav-social a, #social a {
margin-right: 15px
}
#nav-social.case-study-social {
right: 0
}
#blog-top-nav .icon-category {
line-height: 58px;
padding: 0 19px
}
#blog-top-nav .uk-close {
line-height: 43px;
padding: 0 20px
}
#blog-top-nav .icon-category, #blog-top-nav .uk-open .uk-close {
opacity: 1;
-webkit-transition: opacity .2s ease-in-out;
color: #fff
}
#blog-top-nav .uk-close, #blog-top-nav .uk-open .icon-category {
opacity: 0;
-webkit-transition: opacity .2s ease-in-out
}
.top_searchicon {
position: absolute;
top: 8px;
right: 10px
}
.blog .top_searchicon {
top: 0
}
article p img {
padding: 15px 0
}
#blog-top-nav .uk-dropdown {
box-shadow: 0 2px 4px 0 rgba(176, 176, 176, .5)
}
#blog-top-nav .uk-dropdown.uk-dropdown-navbar {
background: #fff;
text-align: left;
padding-bottom: 0;
margin-top: 50px;
margin-left: -10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
-moz-osx-font-smoothing: auto;
padding-top: 0
}
#blog-top-nav .uk-dropdown .uk-nav-navbar > li.uk-nav-header:hover {
background: 0 0
}
#blog-top-nav .uk-dropdown .uk-nav-navbar > li:hover {
background: #f6f6f6
}
#blog-top-nav .uk-dropdown .uk-nav-navbar > li > a:focus, #blog-top-nav .uk-dropdown .uk-nav-navbar > li > a:hover {
background: 0 0;
color: inherit
}
#blog-top-nav .uk-dropdown ul li {
padding: 10px 20px;
margin: 0;
border-top: 1px solid #ECECD9
}
#blog-top-nav .uk-dropdown ul li.uk-nav-header {
margin-left: 0;
padding: 5px 20px;
color: #ccc
}
#blog-top-nav .uk-dropdown ul li a {
padding: 10px 10px 10px 0;
font-size: 16px;
line-height: 22px
}
#blog-nav {
background: 0 0
}
#blog-nav ul {
margin-left: -10px
}
#blog-nav ul li {
margin: 0 10px
}
#blog-nav ul.uk-navbar-flip li {
margin: 0
}
#blog-nav ul li a {
line-height: 58px;
height: inherit;
color: #555;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 16px;
padding: 0 20px;
border: 2px solid #fff
}
#blog-nav ul.blog-nav-main li.uk-active a {
border: 2px solid #CCC;
line-height: 38px !important;
margin-top: 10px;
background: 0 0
}
#blog-nav ul.blog-nav-main li:hover a {
text-decoration: none;
border: 2px solid #f80000;
line-height: 38px !important;
margin-top: 10px;
background: 0 0
}
#blog-nav ul li.uk-active:hover a {
border: 2px solid #CCC
}
.blog #blog-top-nav.blog-nav-active .uk-h6 {
margin-top: inherit !important
}
#blog-top-nav form {
width: 90%;
text-align: left
}
#blog-nav .blog_search form {
min-width: 90%;
margin-left: 45px
}
#blog-top-nav .top_searchicon.active .uk-close, .searchicon .icon-search, .searchicon.active .uk-close, .top_searchicon .icon-search {
display: inline-block;
opacity: 1
}
#blog-top-nav .top_searchicon.active .uk-close {
line-height: 25px;
padding: 0
}
.searchicon .uk-close, .searchicon.active .icon-search, .top_searchicon .uk-close, .top_searchicon.active .icon-search {
display: none
}
.blog_search .icon-search {
position: absolute;
top: 17px;
left: -18px
}
#blog-nav ul li a, #blog-top-nav .nav-title a:hover, .blog_search [class*=uk-icon-], .blog_search [class*=uk-icon-]:focus, .blog_search [class*=uk-icon-]:hover {
text-decoration: none
}
#blog-nav .searchicon {
padding-right: 0
}
#blog-top-nav .uk-navbar-nav > li.uk-open > a, #blog-top-nav .uk-navbar-nav > li > a:focus, #top-nav #blog-top-nav .uk-navbar-nav > li:hover > a {
color: #444;
text-decoration: none
}
.blog_search, .top_blog_search {
position: absolute;
right: 0;
line-height: 60px;
width: 100%;
background: #fff;
transition: all .3s ease-in-out;
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
-ms-transform-origin: right;
transform-origin: right;
top: 0
}
.blog_search .uk-search:before, .top_blog_search .uk-search:before {
display: none
}
.blog_search.active, .top_blog_search.active {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1)
}
.uk-position-absolute-alt {
position: absolute
}
.single #hero {
padding: 160px 0 100px;
-webkit-transition: all .2s ease-in-out
}
.single .post::before {
color: #f8f8f8;
font-size: 175px;
font-weight: 700;
margin-left: -50px;
margin-top: 20px;
position: absolute;
z-index: -1
}
.uk-spacer-rule {
border-color: transparent
}
.uk-text-muted {
color: #929292 !important
}
#blog-top-nav .uk-text-small {
line-height: 14px;
font-size: 10px
}
#social a:last-child {
margin-right: 0 !important
}
section #social a {
border-bottom: none !important
}
.uk-padding-large {
padding: 50px 0
}
.search .uk-grid {
margin-left: 0
}
.blog #blog-top-nav.blog-nav-active {
background-color: #fff
}
.blog #blog-top-nav .nav-title {
margin-top: 40px
}
.blog #blog-top-nav.blog-nav-active .nav-title {
margin-top: 0
}
#blog-top-nav .nav-title .uk-text-large {
font-size: 18px;
line-height: 25px
}
.uk-navbar-nav > li > a.uk-position-top-left {
top: -10px;
left: -10px;
padding: 0;
height: 60px;
line-height: 60px;
-webkit-transition: opacity 1s ease-in-out
}
.uk-navbar-nav > li.uk-open > a.uk-position-top-left {
background: #AAA;
-webkit-transition: opacity 1s ease-in-out
}
#author-spotlight p {
color: #555;
font-size: 18px;
line-height: 28px
}
#author-spotlight a img {
float: left;
margin-right: 20px
}
#author-spotlight .uk-margin-medium-top {
margin-top: 0
}
.single article li, .single article p {
color: #606060;
font-weight: 100
}
.blog .ubermenu #menu-item-55351.ubermenu-item-level-0 a, .single-post .ubermenu #menu-item-55351.ubermenu-item-level-0 a {
border-top-color: #f80000
}
.blog .ubermenu #menu-item-55351.ubermenu-item-level-0 a span, .single-post .ubermenu #menu-item-55351.ubermenu-item-level-0 a span {
font-weight: 400
}
#blog-top-nav .top_searchicon.active .uk-close, .searchicon .icon-search, .searchicon.active .uk-close, .top_searchicon .icon-search {
vertical-align: -20%
}
#blog-top-nav .uk-navbar-nav > li > a {
border: none;
text-shadow: none
}
#blog-top-nav .uk-text-muted span {
color: #747474
}
.admin-bar #blog-top-nav.uk-active {
top: 30px !important
}
.go-back a {
font-size: 16px;
color: #ccc
}
.go-back a:hover {
color: #fff;
text-decoration: none
}
#blog-top-nav.uk-active .go-back a {
color: #999
}
#rich-snippet {
background: #f8f8f8;
margin-top: 50px;
margin-bottom: 30px
}
.uk-panel-snippet {
right: auto !important;
top: -45px !important;
left: -2px
}
.uk-panel-snippet:after {
display: none
}
#rich-snippet ol, #rich-snippet ul {
padding-left: 30px
}
#rich-snippet ol li, #rich-snippet ul li {
padding-bottom: 10px
}
#career-info, #cs-company-info {
font-weight: 100;
font-size: 20px;
line-height: 30px;
color: #333;
background: #fafafa;
padding: 5px 0 10px
}
#cs-company-info span {
color: #979797
}
.icon-swap .uk-icon-medium:last-child, .icon-swap:hover .uk-icon-medium:first-child {
display: none
}
.icon-swap:hover .uk-icon-medium:last-child {
display: inline-block
}
.icon-swap {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
line-height: 45px
}
.icon-circle_arrowleft, .icon-circle_arrowleftfill {
line-height: 45px
}
.single article p.share-now {
font-weight: 600
}
.small-logo {
max-height: 60px;
max-width: 180px;
opacity: .8
}
.case_logo {
opacity: .55
}
.cs-logo {
opacity: .8
}
.small-logo.uk-overlay-scale {
-ms-transform: scale(2);
transform: scale(2)
}
#social .uk-icon-small, .single-case-study.uk-cover-background, .single-case-study.uk-overlay-panel:hover {
border-bottom: none
}
#events-section {
padding: 100px 0 70px;
background: #ededed
}
#events-section .uk-panel-box .uk-text-small {
color: #b5b5b5;
font-size: 13px
}
#new-table th {
background-color: #f1f1f1;
font-size: 16px;
font-weight: 600;
line-height: 26px;
padding: 15px 25px;
color: #333
}
#new-table thead tr {
box-shadow: 0 1px 3px 0 rgba(147, 147, 147, .5)
}
#new-table {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .28)
}
#new-table td, #new-table th {
border-bottom: none;
text-align: center;
vertical-align: middle
}
#new-table td {
font-size: 16px;
font-weight: 300;
line-height: 26px;
padding: 20px 30px;
color: #969696;
width: 23%
}
#new-table td:nth-child(1) {
width: 31%;
text-align: left
}
#new-table td:nth-child(2) {
border-right: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2
}
#new-table td:nth-child(1) {
color: #222
}
#new-table td:nth-child(3) {
border-right: 1px solid #e2e2e2
}
#new-table tr:nth-child(odd) {
background-color: #fff
}
#new-table tbody tr:nth-child(even) {
background-color: #f9f9f9
}
#new-table th.current-page-table-head {
background-color: #ddd
}
#new-table td.current-page-table-cell {
background-color: rgba(221, 221, 221, .3);
color: #565656
}
#filter-controls {
background-color: #fff !important
}
#career-list {
background: #F1F1F1 !important
}
#menu_sort {
margin: 0
}
#menu_sort.uk-subnav li {
margin-top: 0
}
#menu_sort.uk-subnav li a {
line-height: 58px;
height: inherit;
color: #555;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 16px;
padding: 0 20px;
border: 2px solid #fff !important
}
#menu_sort.uk-subnav li.uk-active a {
border: 2px solid #CCC !important;
line-height: 38px !important;
margin-top: 10px;
background: 0 0
}
#menu_sort.uk-subnav > * > :focus, #menu_sort.uk-subnav > * > :hover {
color: #636363
}
.single-career {
margin-bottom: 40px
}
.single-career:after {
clear: both;
content: "";
display: table
}
.single-career .uk-text-small {
text-transform: capitalize
}
.single-career .uk-button {
color: #333
}
.careers_department_title {
line-height: 58px;
height: inherit;
color: #555;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 16px;
padding: 0 20px;
border: 2px solid #fff
}
.colored-title {
padding-top: 0
}
.colored-title .uk-container {
max-width: 100%;
padding: 0
}
.colored-title h3.colored-title {
background-color: #ddd;
padding: 30px 0;
margin-bottom: 50px;
color: #464646
}
#number_columns .numType {
font-size: inherit
}
#research-presentations {
background-color: #EDEDED
}
#research-presentations .uk-panel-box {
padding: 26px 16px 16px
}
#recent_tweets {
background-color: #EBEBEB;
padding: 100px 0
}
.uk-panel-box-twitter {
background-color: #fff;
margin: 50px 0;
border-bottom: 5px solid #f80000;
position: relative
}
.uk-panel-box-twitter .uk-icon-twitter {
background-color: #d5d5d5;
color: #fff;
font-size: 25px;
padding: 15px;
border-radius: 50%;
position: absolute;
top: -25px;
border: 3px solid #fff;
right: 25px
}
#single_page {
padding: 30px 0
}
#single_page ol, #single_page ul {
padding-left: 30px
}
#single_page #sidenav {
padding-left: 0
}
form.uk-form.mobile-search input.uk-width-1-1::after {
content: "\e95c";
font-family: Dyn !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.mobile-search {
margin: 0
}
.mobile-search input {
padding: 6px 25px !important
}
.timeline-list {
margin: 0;
padding: 0;
list-style: none
}
.timeline-list__item {
padding-left: 70px
}
.timeline-event {
padding: 5px 0 25px 20px;
border-left: 2px solid #616161;
position: relative
}
.timeline-event__content p {
margin: 0 0 25px 0;
font-size: 16px;
line-height: 26px;
color: #fff
}
.timeline-event__year {
margin: 0 20px 0 0;
font-size: 20px;
color: #fff;
position: absolute;
right: 100%;
font-weight: 100
}
.timeline-event__year:after {
content: '';
display: block;
width: 21px;
height: 21px;
border-radius: 50%;
background: #f80000;
position: absolute;
right: -30px;
top: 50%;
margin-top: -10.5px
}
#leader_ship_team {
background: #F1F1F1;
padding: 100px 0
}
#leader_ship_team .uk-width-large-2-3 {
padding-left: 75px
}
#leader_ship_team .uk-cover-background {
background-position: center top;
min-height: 500px
}
.uk-icon-button, .uk-icon-button:hover {
border: none;
background: #e0e0e0;
color: #333;
margin: 15px 8px
}
section#leader_ship_team .uk-width-1-1.uk-width-large-1-3 a {
border-bottom: none
}
#split_content_section li {
font-size: 20px;
line-height: 30px;
padding-bottom: 10px;
font-weight: 300
}
#split_content_section .uk-grid {
margin: 0
}
#split_content_section .uk-grid > * {
padding: 0
}
#split-text {
padding: 70px
}
#split_content_section .uk-grid.left .left-cont, #split_content_section .uk-grid.right .right-cont {
padding: 70px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
#split_content_section .uk-grid.left .right-cont, #split_content_section .uk-grid.right .left-cont {
position: relative
}
#split_content_section .uk-grid.left .right-cont:after, #split_content_section .uk-grid.right .left-cont:after {
content: "";
height: 100%;
position: absolute;
top: 0;
width: 150px;
background: rgba(255, 255, 255, .5)
}
#split_content_section .uk-grid.left .right-cont:after {
left: 0
}
#split_content_section .uk-grid.right .left-cont:after {
right: 0
}
#split_content_section p {
margin-top: 8px;
margin-bottom: 30px
}
#split_content_section .uk-grid.left .right-cont::after, #split_content_section .uk-grid.right .left-cont::after {
width: 100px
}
.split_image, .split_image:not(:root:root) {
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.split_image, section#html_section {
background-size: cover;
background-position: 50%
}
.split_image {
width: 100%;
height: 100%
}
#splitContent #DNS {
background: #F2F2F2
}
#splitContent #email {
background: #EAEAEA
}
#splitContent div {
padding: 100px 50px
}
#splitContent p {
font-size: 24px;
line-height: 34px;
color: #333;
padding: 0 10px
}
#column_section {
background-size: cover;
background-position: 50%;
padding: 75px 0
}
#column_section .uk-grid div {
padding: 0 35px
}
#column_section .uk-grid {
padding: 50px 30px 0;
margin-left: -30px;
margin: 0
}
#column_section .uk-grid > * {
padding-left: 30px
}
#masonry_section {
padding: 100px 0;
background-color: #EDEDED
}
#masonry_section .author-meta, #masonry_section .author-meta a {
border-bottom: none;
color: rgba(162, 162, 162, .84);
font-size: 13px;
font-weight: 300;
line-height: 18px
}
#masonry_section #masonTitle {
font-size: 33px;
font-weight: 600;
line-height: 40px;
color: #333
}
#masonry_section .uk-panel-teaser {
min-height: 200px
}
#masonry_section .post-categories a {
border-bottom: 0
}
#masonry_section .uk-grid-large {
margin-left: -30px
}
.main_content section {
position: relative;
z-index: 10
}
.main_content section.card_wrapper {
background: #f1f1f1;
z-index: 9;
position: inherit;
padding-bottom: 100px
}
.main_content section.card_wrapper #column_section .uk-grid {
padding: 50px 30px 0;
margin: 0
}
.card_wrapper .uk-panel-box {
margin-top: -125px;
padding: 0;
z-index: 11;
position: relative;
border: none
}
.card_wrapper .uk-panel-box.uk-container {
max-width: 980px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
.before_card {
padding-bottom: 200px !important
}
.aa-suggestion {
padding: 7px 0 !important
}
.aa-suggestion:hover {
background: #f7f7f7
}
.aa-dropdown-menu {
color: #333;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: scroll
}
.autocomplete-header {
border: none !important
}
.autocomplete-header-title {
color: #ccc;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 20px !important;
padding: 20px 0 5px !important
}
.suggestion-link {
font-size: 14px !important;
line-height: 20px !important;
font-weight: 100 !important
}
.suggestion-link .suggestion-post-title {
font-weight: 100 !important;
color: #444 !important
}
.suggestion-link:hover .suggestion-post-title {
color: #ccc !important
}
.suggestion-link .suggestion-post-content em, .suggestion-link .suggestion-post-title em {
background: 0 0 !important;
color: #181818 !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important
}
.autocomplete-footer {
display: none
}
#floating-boxes h6 {
font-weight: 600;
color: #5B5B5B
}
#floating-boxes .uk-panel-box {
padding: 30px
}
section#floating-boxes {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
#home-hero {
background-image: url(/wp-content/uploads/2017/04/RethinkDNS_optimized.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%
}
#hero-blocks {
background: rgba(252, 218, 0, .9);
padding: 70px 0
}
#hero-blocks .uk-grid p {
padding: 0 50px
}
.bt-icon {
width: .85em;
height: .85em;
position: relative;
fill: currentColor;
display: inline-block
}
a > .bt-icon {
pointer-events: none
}
.bt-icon--smaller {
width: .65em;
height: .65em
}
.bt-icon--standalone {
width: 1em;
height: 1em
}
.bt-icon--larger {
width: 1.25em;
height: 1.25em;
-ms-transform: translateY(.2em);
transform: translateY(.2em)
}
.uk-icon-xlarge {
font-size: 700%;
color: #333
}
.black-background-screen .uk-icon-xlarge {
color: #fff
}
.form_success .uk-button {
font-size: 16px;
line-height: 26px;
padding: 10px 50px
}
#main-contact p {
color: #ccc
}
#main-contact .uk-modal-dialog {
margin: 0;
padding: 30px;
width: 100%;
max-width: 100%;
height: calc(100vh);
border-radius: 0;
background-color: rgba(17, 17, 17, .8);
overflow: scroll
}
#main-contact .uk-modal-close.uk-close {
color: #fff;
font-size: 45px;
width: 45px
}
fieldset {
margin: 0 0 3rem;
padding: 0;
border: none
}
.form-group, .form-radio {
position: relative;
margin-top: 2.25rem;
margin-bottom: 2.25rem
}
.form-inline > .btn, .form-inline > .form-group {
display: inline-block;
margin-bottom: 0
}
.form-help {
margin-top: .125rem;
margin-left: .125rem;
color: #b3b3b3;
font-size: .8rem
}
.checkbox .form-help, .form-group .form-help, .form-radio .form-help {
position: absolute;
width: 100%
}
.checkbox .form-help {
position: relative;
margin-bottom: 1rem
}
.form-radio .form-help {
padding-top: .25rem;
margin-top: -1rem
}
.form-group, .form-radio {
position: relative;
margin-top: 60px
}
#main-contact .form-group input, #main-contact .form-group textarea {
height: 36px;
font-size: 1.7rem;
font-weight: 100;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif
}
#main-contact .checkbox-label {
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: #777
}
#main-contact form {
margin-bottom: 100px
}
#main-contact .form-group textarea {
height: inherit !important;
line-height: 33px
}
#main-contact .form-group textarea:focus {
height: 144px !important
}
.form-group textarea {
resize: none
}
.form-group select {
width: 100%;
font-size: 1.7rem;
height: 36px;
padding: .125rem .125rem .0625rem;
background: 0 0;
border: none;
line-height: 1.6;
box-shadow: none;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
font-weight: 100;
text-align: left
}
.form-group .control-label {
position: absolute;
top: .4rem;
pointer-events: none;
padding-left: .125rem;
z-index: 1;
color: #777;
font-size: 16px;
font-weight: 600;
transition: all .28s ease
}
.form-group .bar {
position: relative;
border-bottom: 1px solid #222;
display: block;
margin-top: 5px
}
.form-group .bar::before {
content: '';
height: 1px;
width: 0;
left: 50%;
bottom: -.0625rem;
position: absolute;
background: #fce300;
transition: left .28s ease, width .28s ease;
z-index: 2
}
.form-group input, .form-group textarea {
display: block;
background: 0 0;
padding: .125rem .125rem .0625rem;
font-size: 1rem;
border-width: 0;
border-color: transparent;
line-height: 1.9;
width: 100%;
color: transparent;
transition: all .28s ease;
box-shadow: none
}
.form-group input[type=file] {
line-height: 1
}
.form-group input[type=file] ~ .bar {
display: none
}
.form-group input.form-file, .form-group input.has-value, .form-group input:focus, .form-group input:valid, .form-group select, .form-group textarea.form-file, .form-group textarea.has-value, .form-group textarea:focus, .form-group textarea:valid {
color: #fff
}
.form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group input:focus ~ .control-label, .form-group input:valid ~ .control-label, .form-group select ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:valid ~ .control-label {
font-size: 16px;
color: #777;
top: -2rem;
left: 0;
font-weight: 600
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
outline: 0
}
.form-group input:focus ~ .control-label, .form-group select:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
color: #fff
}
.form-group input:focus ~ .bar::before, .form-group select:focus ~ .bar::before, .form-group textarea:focus ~ .bar::before {
width: 100%;
left: 0
}
.checkbox label, .form-radio label {
position: relative;
cursor: pointer;
padding-left: 25px;
text-align: left;
color: #fff;
display: inline-block
}
.checkbox input, .form-radio input {
width: auto;
opacity: .00000001;
position: absolute;
left: 0
}
.radio {
margin-bottom: 1rem
}
.radio .helper {
position: absolute;
top: -.25rem;
left: -.25rem;
cursor: pointer;
display: block;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999
}
.radio .helper::after, .radio .helper::before {
content: '';
position: absolute;
left: 0;
top: 0;
margin: .25rem;
width: 1rem;
height: 1rem;
transition: transform .28s ease;
border-radius: 50%;
border: .125rem solid currentColor
}
.radio .helper::after {
-ms-transform: scale(0);
transform: scale(0);
background-color: #fce300;
border-color: #fce300
}
.radio label:hover .helper {
color: #fce300
}
.radio input:checked ~ .helper::after {
-ms-transform: scale(.5);
transform: scale(.5)
}
.radio input:checked ~ .helper::before {
color: #fce300
}
.checkbox {
margin-top: 1.5rem;
margin-bottom: 75px
}
.checkbox .helper {
color: #999;
position: absolute;
top: 3px;
left: 0;
width: 1rem;
height: 1rem;
z-index: 0;
border: 1px solid #444;
border-radius: 2px;
transition: border-color .28s ease
}
.checkbox .helper::after, .checkbox .helper::before {
position: absolute;
height: 0;
width: .1rem;
background-color: #111;
display: block;
-ms-transform-origin: left top;
transform-origin: left top;
border-radius: .25rem;
content: '';
transition: opacity .28s ease, height 0s linear .28s;
opacity: 0
}
.checkbox .helper::before {
top: .65rem;
left: .38rem;
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.checkbox .helper::after {
top: .45rem;
left: .13rem;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.checkbox label:hover .helper {
color: #fce300
}
.checkbox input:checked ~ .helper {
color: #fce300;
background-color: #fce300;
transition: all .28s ease
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
opacity: 1;
transition: height .28s ease
}
.checkbox input:checked ~ .helper::after {
height: .3rem
}
.checkbox input:checked ~ .helper::before {
height: .5rem;
transition-delay: .28s
}
.checkbox + .checkbox, .radio + .radio {
margin-top: 1rem
}
.has-error .legend.legend, .has-error.form-group .control-label.control-label {
color: #d9534f
}
.has-error.checkbox .form-help, .has-error.checkbox .helper, .has-error.form-group .form-help, .has-error.form-group .helper, .has-error.form-radio .form-help, .has-error.form-radio .helper, .has-error.radio .form-help, .has-error.radio .helper {
color: #d9534f
}
.has-error .bar::before {
background: #d9534f;
left: 0;
width: 100%
}
.button {
position: relative;
background: currentColor;
border: 1px solid currentColor;
font-size: 1.1rem;
color: #4f93ce;
margin: 3rem 0;
padding: .75rem 3rem;
cursor: pointer;
transition: background-color .28s ease, color .28s ease, box-shadow .28s ease;
overflow: hidden;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.button span {
color: #fff;
position: relative;
z-index: 1
}
.button::before {
content: '';
position: absolute;
background: #071017;
border: 50vh solid #1d4567;
width: 30vh;
height: 30vh;
border-radius: 50%;
display: block;
top: 50%;
left: 50%;
z-index: 0;
opacity: 1;
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0)
}
.button:hover {
color: #fce300;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.button:active::before, .button:focus::before {
transition: transform 1.12s ease, opacity .28s ease 364ms;
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0
}
.button:focus {
outline: 0
}
#ppcForm input[type=email], #ppcForm input[type=number], #ppcForm input[type=password], #ppcForm input[type=text], #ppcForm select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box
}
#ppcForm select {
margin: 8px 0;
background: 0 0;
padding: 5px 35px 5px 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border-radius: 0
}
#ppcForm .ppcSub {
width: 100%;
padding: 15px 0;
margin-left: 0;
border-radius: 0;
text-transform: uppercase;
font-weight: 600;
background: 0 0;
border: 2px solid #f80000;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
letter-spacing: 1.5px;
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px
}
#ppcForm .ppcSub:hover {
background: #f80000;
border: 2px solid #f80000;
color: #fff
}
div.truste-heading {
margin: 0 25px;
color: #FFF
}
span.truste-heading-text {
font-size: 24px;
line-height: 34px;
font-weight: 600
}
hr.truste-hr-banner {
margin: 10px 25px 0 25px;
display: none
}
div#truste-consent-track {
background-color: #4E5052
}
div#truste-consent-text {
font-size: 18px;
margin-top: 10px;
color: #fff;
width: 70%;
float: left
}
div#truste-consent-content {
padding: 20px;
max-width: 100%;
margin: 0 auto
}
div#truste-consent-buttons {
margin-top: 20px;
float: right
}
button#truste-show-consent {
background: #4E5052;
border: solid 2px #fff;
max-height: 75%;
padding: 10px 20px;
color: #fff;
font-size: 13px;
cursor: pointer;
border-radius: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 600
}
button#truste-show-consent:hover {
background-color: #fff;
color: #4E5052;
text-decoration: none
}
#truste-consent-button {
font-size: 0;
transition: all .3s;
z-index: 10;
line-height: 0;
position: absolute;
margin: 20px 20px 0 0;
top: 0;
right: 0
}
#truste-consent-button em {
visibility: hidden
}
#truste-consent-button:before {
font-size: 0;
display: inline-block;
content: ' ';
height: 20px;
width: 20px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQsMyAyMSwwIDEyLDkgMywwIDAsMyA5LDEyIDAsMjEgMywyNCAxMiwxNSAyMSwyNCAyNCwyMSAxNSwxMiAiLz4NCjwvc3ZnPg0K) no-repeat 0 0 transparent;
background-size: 100% 100%;
opacity: 1;
line-height: 0
}
div.truste-image {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODggMjUyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4OCAyNTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRn0NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjUsMTY3LjRsMTUuOSwxNS45YzIuOC0wLjEsNS4xLTIuNCw1LjEtNS4ydi0yMC40YzAtMi45LTIuMy01LjItNS4yLTUuMmgtODYuNmMtMi45LDAtNS4yLDIuMy01LjIsNS4yDQoJdjIwLjRjMCwyLjksMi4zLDUuMiw1LjIsNS4yaDYwLjl2LTExLjljMC0yLjMsMS40LTQuNCwzLjYtNS4zYzAuNy0wLjMsMS41LTAuNCwyLjItMC40QzE2OSwxNjUuNywxNzAuNCwxNjYuMywxNzEuNSwxNjcuNA0KCSBNMzguMSwxMzQuOGgyMTEuN1Y5MC43SDM4LjFWMTM0Ljh6IE00Nyw5OS41SDI0MVYxMjZINDdWOTkuNXogTTI4MC43LDIuNUg3LjNjLTIuNCwwLTQuNCwyLTQuNCw0LjR2MjA3LjNoMTU4Ljh2LTguOGgtMTUwVjU5LjgNCgloMjY0LjZ2MTQ1LjZoLTY2LjhsNi4zLDYuM2MwLjcsMC43LDEuMiwxLjYsMS41LDIuNWg2Ny44VjYuOUMyODUuMSw0LjUsMjgzLjIsMi41LDI4MC43LDIuNXogTTYyLjQsMTEuM2MzLjcsMCw2LjYsMyw2LjYsNi42DQoJcy0zLDYuNi02LjYsNi42cy02LjYtMy02LjYtNi42UzU4LjcsMTEuMyw2Mi40LDExLjN6IE00MC4zLDExLjNjMy43LDAsNi42LDMsNi42LDYuNnMtMyw2LjYtNi42LDYuNnMtNi42LTMtNi42LTYuNg0KCVMzNi43LDExLjMsNDAuMywxMS4zeiBNMTguMywxMS4zYzMuNywwLDYuNiwzLDYuNiw2LjZzLTMsNi42LTYuNiw2LjZzLTYuNi0zLTYuNi02LjZTMTQuNiwxMS4zLDE4LjMsMTEuM3ogTTExLjcsMzMuNGgxODAuOFY1MQ0KCUgxMS43VjMzLjR6IE0yMDEuMywzMy40aDc1VjUxaC03NVYzMy40eiBNMjAwLjcsMjAyLjhsLTMyLjMtMzIuM2MtMC40LTAuNC0xLTAuNS0xLjUtMC4zYy0wLjUsMC4yLTAuOCwwLjctMC44LDEuM3Y2Mi43DQoJYzAsMS4yLDEuNSwxLjgsMi4zLDFsMTIuOC0xMi44bDEwLjksMjYuM2MwLjMsMC43LDEuMSwxLDEuOCwwLjdsNS0yLjFsNS0yLjFjMC43LTAuMywxLTEuMSwwLjctMS44bC0xMC45LTI2LjNoMTgNCgljMS4yLDAsMS44LTEuNSwxLTIuM0wyMDAuNywyMDIuOHoiLz4NCjwvc3ZnPg0K) no-repeat 0 0 transparent;
float: left;
margin: 5px 20px 0 10px;
width: 7rem;
height: 85px
}
#teconsent a {
color: #d7d7d7 !important
}
@media (max-width:350px) {
#footer-social > * {
margin: 0 10px
}
}
@media (max-width:475px) {
#footer-social > * {
margin: 0 15px
}
#cs-company-info {
font-size: 16px
}
}
@media (max-width:767px) {
.single .uk-block-large {
padding: 25px 0
}
.entry-content .post::before {
padding: 25px
}
#blog-top-nav .uk-navbar-nav {
visibility: visible
}
#nav-social {
display: none
}
}
@media (min-width:768px) {
.timeline-list__item {
padding-left: 160px
}
.timeline-event {
padding: 5px 0 45px 35px
}
.timeline-event__content {
margin-top: -12px
}
.timeline-event__year {
margin: -12px 40px 0 0;
font-size: 30px
}
.timeline-event__content p {
font-size: 20px;
line-height: 30px
}
.timeline-event__year:after {
right: -50px
}
}
@media (max-width:960px) {
#author_info .uk-h3 {
font-size: 24px;
line-height: 40px
}
#hero-section h3 {
font-size: 14px;
line-height: 19px
}
#column_section h1.number {
min-height: inherit
}
#home-hero h1 {
font-size: 60px
}
#hero-cta {
height: 60vh
}
#author_info {
text-align: center
}
#author_info.uk-grid > * {
padding-left: 0
}
#author_img {
padding-bottom: 15px
}
img.author {
float: inherit;
margin: 0 auto;
width: 100px;
height: 100px
}
#blog-top-nav .uk-navbar-nav {
visibility: visible
}
#floating-boxes .uk-grid.uk-container, #top-nav-inner.uk-container {
padding: 0
}
.top_blog_search.active .icon-search {
padding-left: 15px
}
.nav-title {
width: 70%;
margin: 0 auto;
word-wrap: break-word
}
.blog #blog-top-nav .nav-title {
margin-top: 0
}
.single #hero {
padding: 110px 0 50px;
-webkit-transition: opacity .2s ease-in-out
}
#split_content_section .uk-grid.left .right-cont:after, #split_content_section .uk-grid.right .left-cont:after, .ubermenu-main {
display: none !important
}
.split_image {
height: 350px
}
.uk-grid > * {
padding-bottom: 30px
}
#split_content_section .uk-grid.left .left-cont, #split_content_section .uk-grid.right .right-cont {
padding: 40px
}
#column_section .uk-grid > * {
padding-left: 0;
padding-bottom: 50px
}
#column_section .uk-grid-margin {
margin-top: 30px
}
.main_content section.card_wrapper {
padding-bottom: 0
}
.memberBio {
padding: 30px 0 0 0
}
#leader_ship_team {
padding: 50px 0
}
#leader_ship_team .uk-grid {
margin-top: 50px;
padding: 0 30px
}
.timeline-list {
padding: 0 30px
}
#single_page {
padding: 30px
}
}
@media (min-width:960px) {
.uk-grid-divider > [class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #979797
}
#social a {
margin-right: 50px
}
.author-bio {
margin-top: 0
}
#masonry_section .uk-grid-large > *, #research-presentations .uk-grid-large > * {
padding-left: 30px;
padding-bottom: 30px
}
}
@media (max-width:975px) {
.uk-navbar-nav > li > a {
padding: 0 12px !important
}
#footer {
padding: 50px 15px
}
.uk-h1, h1 {
font-size: 40px;
line-height: 45px
}
.uk-h2, h2 {
font-size: 24px;
line-height: 34px
}
#hero-section h2 {
font-size: 24px;
line-height: 34px
}
.uk-navbar-nav > li > a {
padding: 0 12px !important
}
.uk-container {
padding: 0 30px
}
#author p, article .post p {
font-size: 20px;
line-height: 30px
}
}
@media (max-width:1000px) {
.split_image:not(:root: root) {
display: none
}
}
@media (max-width:1025px) {
.ubermenu .ubermenu-item-level-0 a {
padding: 0 5px !important
}
}
@media (max-width:1065px) {
.ubermenu .ubermenu-item-level-0 a {
min-width: 90px !important
}
}
@media (max-width:1165px) {
.uk-navbar-nav > li > a {
padding: 0 15px !important
}
}
@media (min-width:1200px) {
.card_wrapper .uk-panel-box.uk-container {
max-width: 1200px
}
}
@media (max-width:1220px) {
.ubermenu .ubermenu-item-level-0 a {
min-width: 100px !important
}
}
@media (max-width:1235px) {
div#truste-consent-buttons {
float: left
}
div#truste-consent-text {
width: 80%;
padding-bottom: 0
}
}
@media (max-width:1265px) {
.ubermenu .ubermenu-item-level-0 a {
min-width: 100px !important
}
#menu-item-55351 {
display: none
}
}
@media (min-width:1600px) {
.card_wrapper .uk-panel-box.uk-container {
max-width: 1600px
}
}
@media only screen and (max-width:975px) and (min-width:771px) {
div#truste-consent-text {
width: 80%;
padding-bottom: 0
}
div#truste-consent-buttons {
margin-top: 15px
}
}
@media only screen and (max-width:770px) and (min-width:501px) {
div#truste-consent-text {
width: 100%
}
div#truste-consent-buttons {
margin: 15px 0 10px;
float: left
}
div.truste-image {
width: 100%;
margin-bottom: 25px
}
div#truste-consent-content {
padding: 20px
}
div.truste-heading {
margin: 0;
width: 95%
}
div.truste-image {
display: none
}
}
@media only screen and (max-width:500px) and (min-width:0) {
div.truste-heading {
margin-left: 15px
}
div#truste-consent-text {
width: 90%;
margin: 10px 15px
}
div#truste-consent-buttons {
margin: 10px 0 0 15px;
float: left
}
div.truste-image {
display: none
}
span.truste-heading-text {
font-size: 20px
}
#truste-consent-text {
font-size: 16px
}
}
#truste-consent-track{background:#312d2a !important;padding:15px !important}
div#truste-consent-content{padding:0 !important}
#truste-consent-text{width:60% !important;margin:0 !important;display:inline-block !important}
#truste-consent-buttons{margin:0 !important;float:none !important}
#truste-consent-text h2{margin:0 !important;font-size:14px !important;}
#truste-show-consent{padding:10px 15px !important}
#truste-consent-button{background:transparent !important;border:none !important;color:#fff !important;margin:15px !important}
#truste-consent-button::before{margin-right:7px !important}
.footer-bg-image{background-image:url('https://dyn.com/wp-content/uploads/2019/10/footer-img.jpg');height:12px}
.ubermenu .ubermenu-target-text,.ubermenu .ubermenu-target-text:hover{font-weight:500}
.uk-button-large,#trial-cta.uk-button-large.primary-red-cta,.page-id-55463 .secondary-red-cta,#menu-item-62774 span{padding:0px 25px;border-radius:3em;font-size:16px;font-weight:600;background:#6b8f63;color:#fff;border:2px solid #6b8f63;text-transform:none;letter-spacing:0;white-space:nowrap}
#menu-item-62774 span{padding:0px 25px !important;border-radius:3em;font-size:14px !important;font-weight:600 !important;background:#6b8f63 !important;color:#fff;border:2px solid #6b8f63 !important;text-transform:none !important;letter-spacing:0px !important;white-space:nowrap !important}
#menu-item-62774 span:hover{background:#577450 !important;border:2px solid #577450 !important;color:#fff !important}
.uk-button-large:hover,#trial-cta.uk-button-large.primary-red-cta:hover,.page-id-55463 .secondary-red-cta:hover{background:#577450;border:2px solid #577450;color:#fff}
.secondary-red-cta{background:none;border:2px solid #fff}
.secondary-red-cta:hover{background:#fff;color:#100f0e;border:2px solid #fff}
.page-id-55463 #hostname-cta{border-radius:0 3em 3em 0}
.page-id-53302 .yellow-background-screen::after,.page-id-53302 .black-background-screen::after,.page-id-34612 #hero-section.black-background-screen::after,.page-id-55463 #hero-section.black-background-screen::after,.page-id-47780 #hero-section.screenwhite-background-screen::after{background:none !important}
.page-id-53302 #cta-section p,.page-id-53302 #cta-section h2,#hero-section h1,#hero-section h2,#hero-section h3,#hero-section p{color:#fff;font-weight:500}
#cta-section h2{font-weight:900}
#cta-section .uk-article-divider,#hero-section .uk-article-divider,#single-section .uk-article-divider{display:none}
.page-id-53302 .uk-button.uk-button-large.primary-red-cta{float: right !important; margin-right: 10px !important;}
.page-id-53302 .uk-button.uk-button-large.secondary-red-cta{float: left !important; margin-left: 10px !important;}
.ubermenu-submenu-id-56482{right:0px !important}
#top-navbar,#main-search .uk-modal-dialog{background:#403c38}
#footer{background:#312d2a}
.ubermenu .ubermenu-target-text,.ubermenu .ubermenu-target-text:hover{font-weight:500}
#top-navbar .uk-button-callout-ghost,#offcanvas-menu:last-child{display:none}
#menu-item-62774 span{border:2px solid #f80000;font-weight:600;padding:0px 25px;margin:10px 0;font-size:13px;line-height:36px !important;height:40px;letter-spacing:1.5px !important}#menu-item-62774 span:hover{border:2px solid #f80000;background:#f80000;color:#fff}#menu-item-62774{padding:5px 0;display:none}
.ubermenu .ubermenu-current-menu-ancestor.ubermenu-item-level-0 a{border-top-color:#ff0000}
.black-background-screen::after,#wrap-1, #billboard {background: rgba(52,52,52,.9)}
.blog-panels .category-research .uk-panel-teaser{border-bottom:none}
.mktoButtonWrap.mktoNative{margin-left:0px !important;}
.mktoAsterix{display:none !important}
.mktoForm .mktoCheckboxList > label,.mktoHtmlText{width:100% !important}
.mktoHtmlText.mktoHasWidth span{color:#fff !important}
.mktoHtmlText.mktoHasWidth span a{color:#ccc !important}
.ios-fix{
position: fixed;
width: 100%;
}
#drift-widget-container{
z-index:981 !important;
}
#main-contact{
z-index:982 !important;
}
#author p, article .post p, article .post li {
font-size: 22px;
line-height: 36px;
}
.ubermenu .ubermenu-retractor{
display:none
}
#floating-boxes .uk-grid.uk-container{
padding:0;
}
.ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-type-flyout{top:1px}.ubermenu-active::before{
margin-left:-18px;left:calc(50% + 8px)
}
.ubermenu-active.ubermenu-item-level-2::before{
content:none;
}
#testing-tool{
text-align:center;
}
.ubermenu-active::before {
margin-left: -18px;
left: calc(50% + 8px);
}
.mktoForm textarea.mktoField{
min-width:100%;
Background-color:transparent;
}
#mktoForm_3138 .mktoButton{
margin-left:-110px !important;
}
#top-navbar .uk-navbar-brand img{padding:18px !important}
@media screen and (max-width: 960px) {
.page-id-53302 .uk-button.uk-button-large.secondary-red-cta,.page-id-53302 .uk-button.uk-button-large.primary-red-cta{float: none !important; margin-right: 0px !important;margin-left: 0px !important;}}